Salta al contenuto principale
@capgo/capacitor-wechat Comunicazione Open source

WeChat Plugin Capacitor

Plugin WeChat SDK per Capacitor: abilita autenticazione, condivisione, pagamenti e mini-programmi

Installa

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

Guida

Come usare WeChat in Capacitor

Utilizzo di @capgo/capacitor-wechat

Plugin WeChat di Capacitor - Integrazione SDK di WeChat per autenticazione, condivisione, pagamenti e mini-programmi.

Installa

bun add @capgo/capacitor-wechat
bunx cap sync

bunx cap sync copia i code nativi del plugin nei tuoi progetti nativi. Eseguilo di nuovo dopo ogni aggiornamento del plugin.

Importa

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

API in breve

Metodo Descrizione
initialize Inizializza il SDK di WeChat con le credenziali della tua app.
isInstalled Verifica se l'app WeChat è installata sul dispositivo.
auth Autentica l'utente tramite WeChat OAuth.
share Condividi contenuti su WeChat.
sendPaymentRequest Invia una richiesta di pagamento a WeChat Pay.
openMiniProgram Apri un mini-program di WeChat.
chooseInvoice Seleziona la fattura da WeChat.

Esempi

initialize()

Inizializza il SDK di WeChat con le credenziali della tua app.

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

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

isInstalled()

Verifica se l'app WeChat è installata sul dispositivo.

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

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

auth()

Autentica l'utente tramite 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()

Condividi contenuti su 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()

Invia una richiesta di pagamento a 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()

Apri un mini-program di 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
});

La tabella sopra elenca i 7 metodi core. Gli helper per listener e versione e il contratto completo di ogni metodo sono documentati in repository GitHub.

Riferimento completo

Torna a Usare @capgo/capacitor-wechat

Se stai usando Usare @capgo/capacitor-wechat per pianificare i flussi di autenticazione e account, collegandolo a @capgo/capacitor-wechat per i dettagli di implementazione in @capgo/capacitor-wechat, Per iniziare per i dettagli di implementazione nella guida introduttiva, @capgo/capacitor-social-login per i dettagli di implementazione in @capgo/capacitor-social-login, @capgo/capacitor-passkey per i dettagli di implementazione in @capgo/capacitor-passkey, e @capgo/capacitor-native-biometric per i dettagli di implementazione in @capgo/capacitor-native-biometric.

FAQ

FAQ del plugin WeChat

Come installo il plugin WeChat in un'app Capacitor?

Esegui "bun add @capgo/capacitor-wechat" (o "npm install @capgo/capacitor-wechat"), poi esegui "bunx cap sync" in modo che i progetti iOS e Android integrino il code nativo. Importalo da "@capgo/capacitor-wechat" nel tuo code.

@capgo/capacitor-wechat funziona con React, Vue e Angular?

Sì. WeChat è un pacchetto Capacitor, quindi funziona con qualsiasi web framework in esecuzione all'interno di Capacitor, inclusi Ionic, React, Vue, Angular, Svelte e JavaScript puro.

Quale versione di Capacitor è supportata da @capgo/capacitor-wechat?

I plugin Capgo seguono la major version di Capacitor: usa la major version del plugin che corrisponde alla tua major version di Capacitor (ad esempio plugin v8 con Capacitor 8). La tabella di compatibilità nel README di GitHub elenca le versioni mantenute.

@capgo/capacitor-wechat è free e open source?

Sì. Il codice sorgente code è pubblico su GitHub all'indirizzo https://github.com/Cap-go/capacitor-wechat/ e il pacchetto è gratuito su npm. Bug report e pull request sono i benvenuti.

Posso aggiornare code che usa WeChat senza passare per la revisione dell'App Store?

Installare o aggiornare il plugin modifica il code nativo, quindi serve una nuova build per lo store. Dopo, le modifiche a JavaScript, HTML e CSS che chiamano il plugin possono essere rilasciate subito con le live updates di Capgo.

Pubblica aggiornamenti WeChat senza attendere la revisione dell'app

Una volta incluso il plugin nel tuo store build, Capgo invia le modifiche a JavaScript, HTML e CSS tramite live updates in pochi minuti.

Inizia con Capgo