본문으로 건너뛰기
@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

가이드

MQTT를 사용하는 방법은 Capacitor

장치에서 테스트

Capgo 앱을 다운로드하고 QR code를 스캔하세요.

MQTT 플러그인 미리보기 QR code

@capgo/capacitor-mqtt를 사용

Capacitor 플러그인은 안드로이드와 iOS에서 MQTT 연결을 제공합니다.

설치

bun add @capgo/capacitor-mqtt
bunx cap sync

bunx cap sync 이 플러그인의 네이티브 code을 원시 프로젝트에 복사합니다. 플러그인 업그레이드 후 다시 실행하세요.

Import

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

API을 한눈에

Method 설명
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 __CAPGO_KEEP_0__를 반환합니다. __CAPGO_KEEP_0__를 호출합니다. handle.remove() 화면이 언마운트 될 때 호출합니다.

전체 참조

capgo를 계속 사용하세요. @capgo/capacitor-mqtt

이 __CAPGO_KEEP_0__를 사용 중이라면 Using @capgo/capacitor-mqtt native 플러그인 작업을 계획하기 위해, 그것을 연결하세요. @capgo/capacitor-mqtt @capgo/capacitor-mqtt를 위한 구현 세부 사항 Getting Started Getting Started에 대한 implementation detail Capgo 플러그인 디렉토리 Capgo 플러그인 디렉토리에 대한 product workflow Capacitor Capgo의 플러그인 for Capacitor 구현 세부사항에 대한 Capgo 플러그인에 의해 플러그인을 추가하거나 업데이트 플러그인을 추가하거나 업데이트에 대한 implementation detail

FAQ

Mqtt 플러그인 FAQ

Capacitor 앱에서 Mqtt 플러그인을 어떻게 설치하나요?

Run "bun add @capgo/capacitor-mqtt" (or "npm install @capgo/capacitor-mqtt"), then run "bunx cap sync" so the iOS and Android projects pick up the native code. Import it from "@capgo/capacitor-mqtt" in your app code.

Does @capgo/capacitor-mqtt work with React, Vue and Angular?

Yes. MQTT는 Capacitor 패키지이므로, Capacitor 내에서 실행하는 모든 웹 프레임워크와 함께 작동합니다. Ionic, React, Vue, Angular, Svelte 및 일반 JavaScript도 포함됩니다.

Which Capacitor version does @capgo/capacitor-mqtt support?

Capgo plugins follow Capacitor's major version: use the plugin major version that matches your Capacitor major version (for example plugin v8 with Capacitor 8). The compatibility table in the GitHub README lists the maintained versions.

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.

MQTT를 사용하는 code를 앱 스토어 리뷰 없이 업데이트할 수 있나요?

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

MQTT 변경을 앱 검토 대기 없이 배포하세요

플러그인을 스토어 빌드에 추가한 후 Capgo 라이브 업데이트를 통해 사용자에게 몇 분 내에 자바스크립트, HTML 및 CSS 변경 사항을 푸시합니다.

Capgo로 시작하세요