Langsung ke konten

Panduan Memulai

GitHub

Anda bisa menggunakan AI-Assisted Setup kami untuk menginstal plugin ini. Tambahkan skill Capgo ke tool AI Anda dengan command berikut:

Jendela terminal
npx skills add https://github.com/Cap-go/capgo-skills --skill capacitor-plugins

Lalu 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:

Jendela terminal
npm install @capgo/capacitor-mqtt
npx cap sync
import { MqttBridge } from '@capgo/capacitor-mqtt';

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 });
  • TLS: sesuaikan serverURI scheme dengan persyaratan broker.
  • Background: reconnect setelah Android menangguhkan WebView.
  • QoS: QoS yang lebih tinggi menguras baterai pada koneksi seluler.

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);

Lihat definisi source untuk kontrak saat ini.

import { MqttBridge } from '@capgo/capacitor-mqtt';
const result = await MqttBridge.disconnect();
console.log(result);

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);

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);
export type onConnectionLostListener = (x: { connectionStatus: string; reasonCode: number; message: string }) => void;
export type onConnectCompleteListener = (x: { reconnected: boolean; serverURI: string }) => void;
export type onMessageArrivedListener = (x: { topic: string; message: string }) => void;

Halaman ini dibuat dari plugin src/definitions.ts. Jalankan ulang sync saat API publik berubah di upstream.

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.