본문으로 건너뛰기
@capgo/capacitor-wechat 커뮤니케이션 오픈 소스

WeChat Capacitor 플러그인

위챗 SDK는 Capacitor을위한 플러그인입니다 - 인증, 공유, 결제, 미니프로그램을 활성화합니다.

설치

bun add @capgo/capacitor-wechat bunx cap sync
npm, pnpm 또는 yarn
  • npm install @capgo/capacitor-wechat
  • pnpm add @capgo/capacitor-wechat
  • yarn add @capgo/capacitor-wechat

Guide

How to use WeChat in Capacitor

장치에서 테스트

다운로드 Capgo 앱, 그리고 QR code 코드를 스캔하세요.

WeChat 플러그인 미리보기 QR code

@capgo/capacitor-wechat 사용

Capacitor WeChat 플러그인 - WeChat SDK 인증, 공유, 결제 및 미니프로그램 통합

설치

bun add @capgo/capacitor-wechat
bunx cap sync

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

수입

import { CapacitorWechat } from '@capgo/capacitor-wechat';

API의 개요

방법 기능 설명
initialize SDK을 초기화하여 애플리케이션 자격 증명을 등록합니다.
isInstalled 장치에 WeChat 앱이 설치되어 있는지 확인합니다.
auth WeChat OAuth를 사용하여 사용자를 인증합니다.
share WeChat로 콘텐츠를 공유합니다.
sendPaymentRequest WeChat Pay로 결제 요청을 전송합니다.
openMiniProgram WeChat 미니프로그램을 열어줍니다.
chooseInvoice WeChat에서 청구서를 선택합니다.

예시

initialize()

SDK을 초기화하여 애플리케이션 자격 증명을 등록합니다.

import { CapacitorWechat } from '@capgo/capacitor-wechat';

await CapacitorWechat.initialize({
  appId: 'wx1234567890',
  universalLink: 'https://example.com/app/'
});

isInstalled()

장치에 WeChat 앱이 설치되어 있는지 확인합니다.

import { CapacitorWechat } from '@capgo/capacitor-wechat';

const { installed } = await CapacitorWechat.isInstalled();
if (installed) {
  console.log('WeChat is installed');
}

auth()

WeChat OAuth를 사용하여 사용자를 인증합니다.

import { CapacitorWechat } from '@capgo/capacitor-wechat';

const { code, state } = await CapacitorWechat.auth({
  scope: 'snsapi_userinfo',
  state: 'my_state'
});
// Use code to get access token from your server

share()

WeChat으로 콘텐츠 공유하기.

import { CapacitorWechat } from '@capgo/capacitor-wechat';

// Share text
await CapacitorWechat.share({
  scene: 0, // 0 = Session, 1 = Timeline, 2 = Favorite
  type: 'text',
  text: 'Hello WeChat!'
});

// Share link
await CapacitorWechat.share({
  scene: 1,
  type: 'link',
  title: 'My Website',
  description: 'Check out my website',
  link: 'https://example.com',
  imageUrl: 'https://example.com/image.jpg'
});

sendPaymentRequest()

WeChat Pay로 결제 요청 전송하기.

import { CapacitorWechat } from '@capgo/capacitor-wechat';

// Get payment params from your server first
const paymentParams = await fetchPaymentParamsFromServer();

await CapacitorWechat.sendPaymentRequest({
  partnerId: paymentParams.partnerId,
  prepayId: paymentParams.prepayId,
  nonceStr: paymentParams.nonceStr,
  timeStamp: paymentParams.timeStamp,
  package: paymentParams.package,
  sign: paymentParams.sign
});

openMiniProgram()

WeChat 미니프로그램 열기.

import { CapacitorWechat } from '@capgo/capacitor-wechat';

const { extMsg } = await CapacitorWechat.openMiniProgram({
  username: 'gh_xxxxxxxxxxxxx',
  path: 'pages/index/index',
  type: 0 // 0 = Release, 1 = Test, 2 = Preview
});

위 표에는 7개의 핵심 메서드가 나열되어 있습니다. 리스너 및 버전 도우미, 각 메서드의 전체 계약은 __CAPGO_KEEP_0__ 저장소에서 문서화되어 있습니다. GitHub 참조.

자세한 참조

Using @capgo/capacitor-wechat

__CAPGO_KEEP_0__-wechat를 사용 중이라면 Using @capgo/capacitor-wechat 인증 및 계정 흐름을 계획하고 연결하려면 @capgo/capacitor-wechat for the implementation detail in @capgo/capacitor-wechat, Getting Started Getting Started 구현 세부 사항 @capgo/capacitor-social-login for the implementation detail in @capgo/capacitor-social-login, @capgo/capacitor-passkey for capgo의 구현 세부사항에 대해 @capacitor-passkey와 @capgo/capacitor-native-biometric for the @capgo/capacitor-native-biometric implementation detail.

FAQ

WeChat 플러그인 FAQ

WeChat 플러그인을 Capacitor 앱에 설치하는 방법은 무엇입니까?

Run "bun add @capgo/capacitor-wechat" (또는 "npm install @capgo/capacitor-wechat"), 그리고 "bunx cap sync" 명령어를 실행하여 iOS 및 Android 프로젝트가 네이티브 code를 인식하도록 하세요. 그리고 "@capgo/capacitor-wechat"를 앱 code에서 import하세요.

Does @capgo/capacitor-wechat React, Vue 및 Angular과 함께 작동합니까?

Yes. WeChat 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-wechat을 지원합니까?

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.

Is @capgo/capacitor-wechat 무료이며 오픈 소스인가?

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

WeChat을 사용하는 code을 App Store 리뷰 없이 업데이트할 수 있나요?

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

앱 리뷰 대기 없이 WeChat 변경을 배포

Capgo

Capgo