Lebih cepat ke konten utama
@capgo/capacitor-mqtt Komunikasi Sumber Terbuka

MQTT Plugin Capacitor

Support MQTT untuk pesan waktu nyata di iOS, Android, dan Web.

Install

bun add @capgo/capacitor-mqtt bunx cap sync
npm, pnpm atau yarn
  • npm install @capgo/capacitor-mqtt
  • pnpm add @capgo/capacitor-mqtt
  • yarn add @capgo/capacitor-mqtt

Panduan

Cara menggunakan MQTT di Capacitor

Uji coba di perangkat

Unduh aplikasi Capgo, kemudian scan kode QR code.

Tautan QR pratinjau code MQTT

Menggunakan @capgo/capacitor-mqtt

Plugin Capacitor untuk koneksi MQTT pada Android dan iOS.

Install

bun add @capgo/capacitor-mqtt
bunx cap sync

bunx cap sync menggandakan plugin code native ke proyek native Anda. Jalankan lagi setelah setiap pembaruan plugin.

Import

import { MqttBridge } from '@capgo/capacitor-mqtt';

Pandangan API

Metode Deskripsi
connect Lihat definisi sumber untuk perilaku saat ini.
disconnect Lihat definisi sumber untuk perilaku saat ini.
subscribe Lihat definisi sumber untuk perilaku saat ini.
publish Lihat definisi sumber untuk perilaku saat ini.

Contoh

connect()

Lihat referensi API untuk kontrak saat ini.

import { MqttBridge } from '@capgo/capacitor-mqtt';

const result = await MqttBridge.connect({
  serverURI: 'https://example.com',
  port: 8080,
  clientId: 'client-id-123',
  username: 'username',
  password: 'password',
  setCleanSession: true,
  connectionTimeout: 1000,
  keepAliveInterval: 1000,
  setAutomaticReconnect: true,
});
console.log(result);

disconnect()

Lihat referensi API untuk kontrak saat ini.

import { MqttBridge } from '@capgo/capacitor-mqtt';

const result = await MqttBridge.disconnect();
console.log(result);

subscribe()

Lihat referensi API untuk kontrak saat ini.

import { MqttBridge } from '@capgo/capacitor-mqtt';

const result = await MqttBridge.subscribe({
  topic: 'topic',
  qos: 1,
});
console.log(result);

publish()

Lihat referensi API untuk kontrak saat ini.

import { MqttBridge } from '@capgo/capacitor-mqtt';

const result = await MqttBridge.publish({
  topic: 'topic',
  payload: 'payload',
  qos: 1,
  retained: true,
});
console.log(result);

Dengarkan Event

addListener Lihat referensi __CAPGO_KEEP_0__ untuk kontrak saat ini. handle.remove() ketika layar dihapus.

Referensi lengkap.

Teruskan dari Menggunakan @capgo/capacitor-mqtt

Jika Anda menggunakan Menggunakan @capgo/capacitor-mqtt Untuk merencanakan pekerjaan plugin native, hubungkannya dengan @capgo/capacitor-mqtt untuk detail implementasi di @capgo/capacitor-mqtt Mulai Menggunakan untuk detail implementasi di Getting Started, Daftar Direktori Plugin Capgo untuk alur kerja produk di Daftar Direktori Plugin Capgo, Capacitor Plugin oleh Capgo untuk detail implementasi di Capacitor Plugin oleh Capgo, dan Tambah atau Perbarui Plugin untuk detail implementasi di Tambah atau Perbarui Plugin.

FAQ

Pertanyaan Plugin MQTT

Bagaimana cara menginstal plugin MQTT di aplikasi Capacitor?

Jalankan "bun add @capgo/capacitor-mqtt" (atau "npm install @capgo/capacitor-mqtt"), lalu jalankan "bunx cap sync" agar projek iOS dan Android dapat menangkap native code. Import dari "@capgo/capacitor-mqtt" di aplikasi code.

Apakah @capgo/capacitor-mqtt dapat berjalan dengan React, Vue, dan Angular?

Iya. Plugin MQTT adalah paket Capacitor, sehingga dapat berjalan dengan framework web apa pun yang berjalan di dalam Capacitor, termasuk Ionic, React, Vue, Angular, Svelte, dan JavaScript biasa.

Versi Capacitor mana yang didukung oleh @capgo/capacitor-mqtt?

Capgo plugin mengikuti Capacitor versi utama: gunakan versi utama plugin yang sesuai dengan versi utama Capacitor Anda (misalnya plugin v8 dengan Capacitor 8). Tabel kompatibilitas di README GitHub menampilkan versi yang dipelihara.

Apakah @capgo/capacitor-mqtt gratis dan terbuka sumber?

Ya. Sumber code tersedia di GitHub di https://github.com/Cap-go/capacitor-mqtt/ dan paketnya dapat diinstal secara gratis dari npm. Laporan bug dan permintaan pull selalu welcome.

Apakah saya dapat memperbarui code yang menggunakan MQTT tanpa melalui ulasan App Store?

Pemasangan atau pembaruan plugin mengubah code native, sehingga memerlukan build toko baru. Setelah itu, perubahan JavaScript, HTML, dan CSS yang memanggil plugin dapat dikirimkan secara langsung dengan Capgo live updates.

Kirim perubahan MQTT tanpa menunggu tinjauan aplikasi

Setelah plugin masuk ke dalam toko Anda, Capgo live updates mengirimkan perubahan JavaScript, HTML, dan CSS Anda ke pengguna dalam menit-menit.

Mulai dengan Capgo