前回の記事はこちら：【前編】美術館の予約も取れない昨今、黒製品はちょっとヤバい。
前回の記事では、現在の美術館のチケットは基本的にダフ屋によって売り切れており、私たち一般人はダフ屋を通じてしかチケットを購入できないことと、予約アプレットをどのように非帰納的検証に組み込むことができるかについて述べました。
この記事では、新しい非帰納的検証アクセス方法であるジャンプ アクセスについて引き続き説明します。多くを語る必要はありません。早速本題に入りましょう。
ミニプログラムアクセスの無意味な検証 – ジャンプアクセス
1) 関連するミニプログラム
自分の WeChat パブリック プラットフォームに管理者としてログインし、パブリック アカウントが必要な関連アカウントを使用してください (WeChat パブリック プラットフォームは区別するために異なるアカウントを使用します。パブリック アカウントのバックエンドとミニ プログラムのバックエンドは異なるアカウントです)。次の図に示すように、ミニ プログラム - ミニ プログラム プログラム管理 - 追加 - アソシエイト アプレットの順にクリックし、アプレット AppID「wx82db4a59175bdfdf」を入力して検索します。
2) キーを入手する
未登録のユーザーは、公式 Web サイトでアカウントを登録し、アプリケーションを作成し、アプリケーション キー AppID と AppSecret を取得します。登録ユーザーは、コンソール→センサーレス検証→アプリケーション管理ページから、対応する AppID と AppSecret を直接取得できます。
3) ミニプログラムの統合
1. ナビゲーター コンポーネントを通じて検証コードにジャンプします。
<navigator target="miniProgram"
app-id="wx82db4a59175bdfdf" //唯一值，小程序插件id，不可更改
path="/pages/captcha/captcha"
extra-data="{
{options}}">
<button>登陆</button>
</navigator>
Page({
data: {
options: {
appId: '这里填写在官网申请到的appId', //控制台应用管理页面进行获取
customStyle: {
panelBg: '',
captchaBgColor: ''
}
}
}
})
パラメータの説明:
| パラメータ | 価値 | 説明する |
|---|---|---|
| アプリID | 弦 | 公式サイトで申請したappIdをここに入力します。正しく入力しないと、「機能を使用できません」と表示されますので注意してください。 |
| カスタムスタイル | 物体 | カスタム スタイル オブジェクト、panelBg はページ全体の背景属性、captchaBgColor は検証コードの背景色属性 |
2. 確認コードを確認します。図は次のとおりです。
3. 検証が成功すると、呼び出し元の app.js の onShow ライフサイクル メソッドで検証結果が取得されます。
if (options.scene === 1038 && options.referrerInfo.appId === 'wx82db4a59175bdfdf') {
const result = options.referrerInfo.extraData;
if (result) {
console.log('返回结果:', result)
} else {
// 用户点击右上角关闭了验证码
}
}
検証結果の説明:
| パラメータ | 価値 | 説明する |
|---|---|---|
| 成功 | ブール値 | 検証成功 |
| トークン | 弦 | 検証が成功した場合のみ: トークン |
| メッセージ | 弦 | 検証に失敗したか、パラメータが不正です: エラー メッセージ |
結論
ジャンプ型はプラグイン型よりも簡単なので、ジャンプ型の方がおすすめです。後で機会があれば、Alipay アプレットにアクセスするための確認コードを書きます~~