最近、Huawei AppGallary Connectの認証サービスSDKは、WeChatミニプログラムのサポートを追加しました。今日は、認証サービスの携帯電話番号認証方式をWeChatアプレットに統合する方法をお教えします。
1.WeChatアプレット環境をインストールします
まず、WeChatアプレットの公式Webサイトにアクセスし、必要に応じてWeChat開発ツールをダウンロードします。
https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html
2.AGCページで認証サービスをアクティブ化します
特定の作成および構成手順については、認証サービスの公式ドキュメントを参照してください:https ://developer.huawei.com/consumer/cn/doc/development/AppGallery-connect-Guides/agc-auth-android-getstarted- 0000001053053922
3.WeChatアプレットプロジェクトを作成します
「+」記号をクリックして、新しいプロジェクトを追加します
プロジェクト情報を入力するだけです。ここではWeChatのクラウドサービスを使用する必要がないため、クラウドサービスを使用しないことを選択します。
4.統合認証サービスSDK
コマンドを入力して、認証サービスSDKをプロジェクトにダウンロードします
インターフェイスが表示されたら、詳細について「npmfund」を実行し、次のコマンドを入力します
npm install @ agconnect / auth
5.構成ファイルを追加します
アプリケーションの起動時にagconnect.instance()。configInstance()を追加し、構成ファイルのjsonコードブロックを入力パラメーターに追加します。
次のように機能アクセス手順を入力します。
5.1確認コードを取得する
function getPhoneVerifyCode(account: string, sendInterval = 30) {
return agconnect.auth.PhoneAuthProvider.requestVerifyCode('86', account, agconnect.auth.Action.ACTION_REGISTER_LOGIN, 'zh_CN', sendInterval,)
.then((res: any) => {
console.log('getPhoneVerifyCode res:', res);
return Promise.resolve(res);
}).catch((err: any) => {
console.log('getPhoneVerifyCode err:', err);
return Promise.reject(err);
});
}
5.2新規ユーザーの登録
function createPhoneUser(account: string, password: string, verifyCode: string) {
return agconnect.auth().createPhoneUser(new agconnect.auth.PhoneUser('86', account, password, verifyCode))
.then((res: any) => {
console.log('createPhoneUser res:', res);
return Promise.resolve(res);
}).catch((err: any) => {
console.log('createPhoneUser err:', err);
return Promise.reject(err);
});
}
5.3ログイン
function loginWithPhone(account: string, password: string, verifyCode?: string) {
let credential;
if (verifyCode) {
credential = agconnect.auth.PhoneAuthProvider.credentialWithVerifyCode('86', account, password, verifyCode);
} else {
credential = agconnect.auth.PhoneAuthProvider.credentialWithPassword('86', account, password);
}
if (!credential) {
return Promise.reject('credential is undefined');
}
return agconnect
.auth()
.signIn(credential)
.then((res: any) => {
console.log('login res:', res);
return Promise.resolve(res);
})
.catch((err: any) => {
console.log('login err:', err);
return Promise.reject(err);
});
}
上記では、WeChatアプレットバージョン認証サービスで携帯電話アカウント認証に正常に接続しました。簡単だと思ったら、行動を起こして試してみてください。