Panduan Memulai
Salin prompt setup yang berisi langkah install dan panduan markdown lengkap untuk plugin ini.
Set up this Capacitor plugin in the project.
Use the package manager already used by the project.
Install these package(s): `@capgo/capacitor-mqtt`
Run the required Capacitor sync/update step after installation.
Read this markdown guide for the full setup steps: https://raw.githubusercontent.com/Cap-go/website/refs/heads/main/apps/docs/src/content/docs/docs/plugins/mqtt/getting-started.mdx
Use that guide for platform-specific steps, native file edits, permissions, config changes, imports, and usage setup.
If that guide references other docs pages, read them too.
Anda bisa menggunakan AI-Assisted Setup kami untuk menginstal plugin ini. Tambahkan skill Capgo ke tool AI Anda dengan command berikut:
npx skills add https://github.com/Cap-go/capgo-skills --skill capacitor-pluginsLalu gunakan prompt berikut:
Use the `capacitor-plugins` skill from `Cap-go/capgo-skills` to install the `@capgo/capacitor-mqtt` plugin in my project.Jika Anda lebih memilih Manual Setup, instal plugin dengan menjalankan perintah berikut dan ikuti petunjuk khusus platform di bawah ini:
npm install @capgo/capacitor-mqttnpx cap syncimport { MqttBridge } from '@capgo/capacitor-mqtt';Mulai cepat
Bagian berjudul “Mulai cepat”Hubungkan dengan TLS, aktifkan reconnect otomatis, lalu subscribe ke topik telemetri yang dipublikasikan backend Anda.
import { MqttBridge } from '@capgo/capacitor-mqtt';
await MqttBridge.connect({ serverURI: 'ssl://broker.example.com', port: 8883, clientId: 'cap-app-1', username: 'device-user', password: 'device-secret', setCleanSession: true, connectionTimeout: 30, keepAliveInterval: 60, setAutomaticReconnect: true,});await MqttBridge.subscribe({ topic: 'devices/telemetry', qos: 1 });Kesalahan umum
Bagian berjudul “Kesalahan umum”- TLS: sesuaikan
serverURIscheme dengan persyaratan broker. - Background: reconnect setelah Android menangguhkan WebView.
- QoS: QoS yang lebih tinggi menguras baterai pada koneksi seluler.
Ringkasan API
Bagian berjudul “Ikhtisar API”connect
Bagian berjudul “connect”Lihat definisi source 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
Bagian berjudul “disconnect”Lihat definisi source untuk kontrak saat ini.
import { MqttBridge } from '@capgo/capacitor-mqtt';
const result = await MqttBridge.disconnect();console.log(result);subscribe
Bagian berjudul “subscribe”Lihat definisi source untuk kontrak saat ini.
import { MqttBridge } from '@capgo/capacitor-mqtt';
const result = await MqttBridge.subscribe({ topic: 'topic', qos: 1,});console.log(result);publish
Bagian berjudul “publish”Lihat definisi source untuk contract saat ini.
import { MqttBridge } from '@capgo/capacitor-mqtt';
const result = await MqttBridge.publish({ topic: 'topic', payload: 'payload', qos: 1, retained: true,});console.log(result);Referensi Tipe
Bagian berjudul “Referensi Tipe”onConnectionLostListener
Bagian berjudul “onConnectionLostListener”export type onConnectionLostListener = (x: { connectionStatus: string; reasonCode: number; message: string }) => void;onConnectCompleteListener
Bagian berjudul “onConnectCompleteListener”export type onConnectCompleteListener = (x: { reconnected: boolean; serverURI: string }) => void;onMessageArrivedListener
Bagian berjudul “onMessageArrivedListener”export type onMessageArrivedListener = (x: { topic: string; message: string }) => void;Sumber Kebenaran
Bagian berjudul “Sumber Kebenaran”Halaman ini dibuat dari plugin src/definitions.ts. Jalankan ulang sync saat API publik berubah di upstream.
Lanjutkan dari Getting Started
Bagian berjudul “Lanjutkan dari Getting Started”Jika Anda menggunakan Panduan Memulai untuk merencanakan operasi dashboard dan API, hubungkan dengan Menggunakan @capgo/capacitor-mqtt untuk kapabilitas native saat menggunakan @capgo/capacitor-mqtt, Ringkasan API untuk detail implementasi di API Overview, Pendahuluan untuk detail implementasi di Introduction, Kunci API untuk detail implementasi di API Keys, dan Perangkat untuk detail implementasi di Devices.