ガイド
How to use WeChat in Capacitor
Using @capgo/capacitor-wechat
Capacitor WeChat プラグイン - WeChat SDK の認証、シェア、決済、ミニプログラムの統合
Install
bun add @capgo/capacitor-wechat
bunx cap sync
bunx cap sync プラグインのネイティブ code をあなたのネイティブ プロジェクトにコピーします。プラグインのアップグレード後は再度実行してください。
Import
import { CapacitorWechat } from '@capgo/capacitor-wechat';
APIの概要
| Method | 説明 |
|---|---|
initialize |
アプリケーションキーのあるWeChat 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つの基本メソッドがリストされている。リスナーとバージョンヘルパー、各メソッドの完全な契約は、 GitHub リポジトリ.
フルリファレンス
capgo/capacitor-wechatを使用している場合
__CAPGO_KEEP_0__/__CAPGO_KEEP_1__-wechat capgo/capacitor-wechatと接続してください __CAPGO_KEEP_0__/__CAPGO_KEEP_1__-wechat @capgo/capacitor-wechat @capgo/capacitor-wechatの実装詳細を参照してください @__CAPGO_KEEP_0__/__CAPGO_KEEP_1__-wechat Capacitor WeChatプラグイン @capgo/capacitor-ソーシャルログイン @capgo/capacitor-ソーシャルログインの実装詳細 Capacitor WeChatプラグインの実装詳細については、@capgo/capacitor-social-loginを参照してください。 @capgo/capacitor-パスキーにおける実装詳細について @capgo/capacitor-native-biometric @capgo/capacitor-native-biometric.