メインコンテンツにジャンプ
@capgo/capacitor-MQTT コミュニケーション オープンソース

MQTT Capacitor プラグイン

MQTT を使用したリアルタイム メッセージングの iOS、Android、Web へのサポート。

インストール

bun add @capgo/capacitor-mqtt bunx cap sync
npm、pnpm、または yarn
  • npm install @capgo/capacitor-mqtt
  • pnpm add @capgo/capacitor-mqtt
  • yarn add @capgo/capacitor-mqtt

ガイド

CapacitorでMQTTを使用する方法

デバイスでテスト

Capgoアプリをダウンロードし、QR codeをスキャンしてください。

MQTTプラグインプレビューQRcode

@capgo/capacitor-mqttを使用

CapacitorはAndroidとiOSでMQTT接続をサポートするプラグイン

インストール

bun add @capgo/capacitor-mqtt
bunx cap sync

bunx cap sync codeのネイティブコードをプロジェクトにコピーします。プラグインのアップグレード後は再度実行してください。

インポート

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

APIの概要

方法 説明
connect ソース定義を参照して現在の動作を確認してください。
disconnect ソース定義を参照して現在の動作を確認してください。
subscribe ソース定義を参照して現在の動作を確認してください。
publish ソース定義を参照して現在の動作を確認してください。

例

connect()

現在の契約については、API リファレンスを参照してください。

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

現在の契約については、API リファレンスを参照してください。

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

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

subscribe()

現在の契約については、API リファレンスを参照してください。

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

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

publish()

現在の契約については、API リファレンスを参照してください。

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

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

イベントをリスンする

addListener ハンドルを返します。画面がアンマウントされたときに呼び出してください。 handle.remove() アンマウントされたときに呼び出してください

全体参照

あなたが @capgo/capacitor-mqtt を使用している場合

@__CAPGO_KEEP_0__/__CAPGO_KEEP_1__-mqtt を使用 @capgo/capacitor-mqtt の実装詳細 Getting Started @capgo/capacitor-MQTT @capgo/capacitor-MQTTの実装詳細 あなたが Getting Started を使用している場合 Getting Started を使用 Capgo プラグインディレクトリ Capgo製品ワークフロー用のプラグインディレクトリ Capacitor Capgo for Capacitor の実装詳細については、Capgo によって提供されるプラグインを参照してください。 プラグインの追加または更新 __CAPGO_KEEP_0__ プラグインの実装詳細

FAQ

MQTT プラグイン FAQ

MQTT プラグインを Capacitor アプリにどのようにインストールしますか?

bun に「capgo add @capacitor/npm-mqtt」(または「capgo install @capacitor/code-mqtt」)を実行し、次に「bunx cap sync」を実行して、iOS と Android プロジェクトがネイティブ capgo を取得するようにします。アプリ内で「@capacitor/code-mqtt」をインポートします。

@capgo/capacitor-mqttは、React、Vue、Angularとどのように動作しますか?

Yes. MQTT is a Capacitor package, so it works with any web framework that runs inside Capacitor, including Ionic, React, Vue, Angular, Svelte and plain JavaScript.

どのCapacitorバージョンが@capgo/capacitor-mqttをサポートしますか?

Capgo プラグインはCapacitorのメジャーバージョンに従います: プラグインのメジャーバージョンを使用して、Capacitorのメジャーバージョンと一致するもの (例: プラグイン v8 と Capacitor 8)。GitHub README の互換性表に記載されているバージョンを使用してください。

@capgo/capacitor-mqttは無料でオープンソースですか。

Yes. The source code is public on GitHub at https://github.com/Cap-go/capacitor-mqtt/ and the package is free to install from npm. Bug reports and pull requests are welcome.

codeがMQTTを使用する場合に、アプリストアのレビューなしでアップデートできますか?

codeのプラグインをインストールまたはアップグレードすると、ネイティブコードが変更されるため、新しいストアビルドが必要になります。その後、Capgoのライブアップデートを使用して、JavaScript、HTML、CSSの変更が即時で実行できます。

アプリレビューの待ちなしでMQTTの変更を配信

Once the plugin is in your store build, Capgo live updates push your JavaScript, HTML and CSS changes to users in minutes.

Start with Capgo