メインコンテンツにジャンプ
@capgo/capacitor-wechat コミュニケーション オープンソース

WeChat Capacitor プラグイン

WeChat SDK for Capacitor - 認証、シェアリング、決済、ミニプログラムの有効化

インストール

bun add @capgo/capacitor-wechat bunx cap sync
pnpm または yarn の npm
  • npm install @capgo/capacitor-wechat
  • pnpm add @capgo/capacitor-wechat
  • yarn add @capgo/capacitor-wechat

ガイド

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.

FAQ

Capacitor WeChat プラグインのFAQ

Capacitor WeChat プラグインを Capacitor アプリにインストールするにはどうすればいいですか?

Run "bun add @capgo/capacitor-wechat" (or "npm install @capgo/capacitor-wechat"), then run "bunx cap sync" so the iOS and Android projects pick up the native code. Import it from "@capgo/capacitor-wechat" in your app code.

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

Which Capacitor version does @capgo/capacitor-wechat support?

Capgo プラグインは Capacitor のメジャーバージョンに従います: プラグインのメジャーバージョンを使用して、Capacitor のメジャーバージョンと一致する Capacitor のメジャーバージョン (例: プラグイン v8 と GitHub 8)。 __CAPGO_KEEP_5__ README に記載されている互換性テーブルを参照してください。

Is @capgo/capacitor-wechat free and open source?

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.

アップデート code がウェチャットを使用している場合、アップルストアのレビューなしでアップデートできますか。

Installing or upgrading the plugin changes native code, so it needs a new store build. After that, JavaScript, HTML and CSS changes that call the plugin can ship instantly with Capgo live updates.

WeChatの変更をアプリレビューの待たずに配信します。

プラグインがストアビルドに含まれると、Capgoライブアップデートは、ユーザーにJavaScript、HTML、CSSの変更を数分でプッシュします。

Capgoで始めます。