본문으로 바로가기
@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 플러그인 미리보기 QR code

@capgo/capacitor-mqtt를 사용합니다

MQTT 연결을 위한 Capacitor 플러그인

설치

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__-mqtt를 사용하고 있습니다. @Capacitor-capgo/capacitor-mqtt __CAPGO_KEEP_0__-mqtt의 구현 세부 정보를 참조하세요. @capgo/capacitor-mqtt @capgo/capacitor-mqtt 구현 세부 사항을 위해 Getting Started Capacitor MQTT 플러그인 Capgo 플러그인 디렉토리 Capgo 제품 워크플로우에 대한 플러그인 디렉토리에서. Capacitor Capgo 플러그인 for Capacitor 구현 세부 사항에 대한 Capgo 플러그인에 의해 Capacitor MQTT 플러그인 플러그인 추가 또는 업데이트

FAQ

MQTT 플러그인 FAQ

Capacitor 앱에서 MQTT 플러그인을 설치하는 방법은 어떻게 되나요?

bun add @capgo/capacitor-mqtt (또는 npm install @capgo/capacitor-mqtt)를 실행한 후, bunx cap sync를 실행하여 iOS와 Android 프로젝트가 네이티브 code를 인식하도록 하세요. 그리고 @capgo/capacitor-mqtt를 import하여 앱 code에서 사용하세요.

React, Vue 및 Angular과 함께 @capgo/capacitor-mqtt가 작동하는가요?

네. MQTT는 Capacitor 패키지이므로, Ionic, React, Vue, Angular, Svelte 및 일반 JavaScript와 같은 웹 프레임워크가 Capacitor 내에서 작동하는 경우에 작동합니다.

Capacitor의 어떤 버전이 @capgo/capacitor-mqtt를 지원하는가요?

Capgo 플러그인은 Capacitor의 메이저 버전을 따릅니다: Capacitor의 메이저 버전과 일치하는 플러그인 메이저 버전을 사용하십시오 (예를 들어 플러그인 v8과 Capacitor 8). GitHub README에 있는 호환성 표에서 유지 보수되는 버전을 확인하십시오.

capgo/capacitor-mqtt는 무료이며 오픈 소스인가요?

네. code의 소스는 GitHub에 https://github.com/Cap-go/capacitor-mqtt/ 에 공개되어 있으며 npm에서 무료로 설치할 수 있습니다. 버그 리포트와 Pull Request는 환영합니다.

code가 MQTT를 사용하는 경우 App Store 리뷰 없이 업데이트할 수 있나요?

플러그인을 설치하거나 업그레이드하면 code의 네이티브 버전이 변경되므로 새로운 스토어 빌드를 필요로 합니다. 그 후에 Capgo의 Live Update를 통해 JavaScript, HTML 및 CSS 변경 사항이 플러그인을 호출하는 경우 즉시 배포할 수 있습니다.

앱 리뷰 대기 없이 MQTT 변경을 배포하세요.

플러그인이 스토어 빌드에 포함되면 Capgo live updates는 사용자에게 몇 분만에 JavaScript, HTML 및 CSS 변경을 푸시합니다.

Capgo로 시작하세요.