@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.