Panduan
Cara menggunakan WeChat di Capacitor
Menggunakan @capgo/capacitor-wechat
Capacitor Plugin WeChat - Integrasi WeChat SDK untuk autentikasi, berbagi, pembayaran, dan mini-program
Pasang
bun add @capgo/capacitor-wechat
bunx cap sync
bunx cap sync Menggandakan plugin code native ke proyek native Anda. Jalankan lagi setelah setiap pengupgrade plugin
Impor
import { CapacitorWechat } from '@capgo/capacitor-wechat';
Lihat ringkasan API
| Metode | Deskripsi |
|---|---|
initialize |
Mulai WeChat SDK dengan kreditensi aplikasi Anda. |
isInstalled |
Periksa apakah aplikasi WeChat terpasang di perangkat. |
auth |
Autentikasi pengguna dengan OAuth WeChat. |
share |
Bagikan konten ke WeChat. |
sendPaymentRequest |
Kirim permintaan pembayaran ke WeChat Pay. |
openMiniProgram |
Buka WeChat mini-program. |
chooseInvoice |
Pilih faktur dari WeChat. |
Contoh-Contoh
initialize()
Mulai WeChat SDK dengan kreditensi aplikasi Anda.
import { CapacitorWechat } from '@capgo/capacitor-wechat';
await CapacitorWechat.initialize({
appId: 'wx1234567890',
universalLink: 'https://example.com/app/'
});
isInstalled()
Periksa apakah aplikasi WeChat terpasang di perangkat.
import { CapacitorWechat } from '@capgo/capacitor-wechat';
const { installed } = await CapacitorWechat.isInstalled();
if (installed) {
console.log('WeChat is installed');
}
auth()
Autentikasi pengguna dengan OAuth WeChat.
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()
Bagikan konten ke 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()
Minta pembayaran ke 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()
Buka mini-program 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
});
Daftar tabel di atas mencantumkan 7 metode inti. Pembantu pemangku jawab dan versi, serta kontrak lengkap dari setiap metode, terdokumentasi di repository GitHub.
Panduan lengkap
Teruskan dari Menggunakan @capgo/capacitor-wechat
Jika Anda menggunakan Menggunakan @capgo/capacitor-wechat untuk merencanakan autentikasi dan alur akun, hubungkannya dengan @capgo/capacitor-wechat untuk detail implementasi di @capgo/capacitor-wechat, Mulai Menggunakan untuk detail implementasi di Mulai, @capgo/capacitor-login-sosial untuk detail implementasi di @capgo/capacitor-social-login, @capgo/capacitor-passkey untuk detail implementasi di @capgo/capacitor-passkey, dan @capgo/capacitor-native-biometric untuk detail implementasi di @capgo/capacitor-native-biometric.