認証サービスをWeChatミニプログラムに統合する方法-Eメールアドレス

最近、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 -ガイド/agc-auth-android-getstarted-0000001053053922

3.WeChatアプレットプロジェクトを作成します

cke_5615.png

「+」記号をクリックして、新しいプロジェクトを追加します

cke_5616.png

プロジェクト情報を入力するだけです。ここではWeChatのクラウドサービスを使用する必要がないため、クラウドサービスを使用しないことを選択します。

4.統合認証サービスSDK

コマンドを入力して、認証サービスSDKをプロジェクトにダウンロードします

cke_5617.png

上記のプロンプトが表示されたら、コマンドを入力します

npm install @agconnect/auth

5.構成ファイルを追加します

アプリケーションの起動時にagconnect.instance()。configInstance()を追加し、構成ファイルのjsonコードブロックを入力パラメーターに追加します。

6.アクセス機能

   6.1確認コードを取得します。

function getEmailVerifyCode(account: string, sendInterval = 30) {

  return agconnect.auth.EmailAuthProvider.requestVerifyCode(account, agconnect.auth.Action.ACTION_REGISTER_LOGIN, 'zh_CN', sendInterval,)

    .then((res: any) => {

      console.log('getEmailVerifyCode res:', res);

      return Promise.resolve(res);

    }).catch((err: any) => {

      console.log('getEmailVerifyCode err:', err);

      return Promise.reject(err);

    });

}

6.2新規ユーザーの登録

function createEmailUser(account: string, password: string, verifyCode: string) {

  return agconnect.auth().createEmailUser(new agconnect.auth.EmailUser(account, password, verifyCode))

    .then((res: any) => {

      console.log('createEmailUser res:', res);

      return Promise.resolve(res);

    }).catch((err: any) => {

      console.log('createEmailUser err:', err);

      return Promise.reject(err);

    });

}

6.3ログイン

function loginWithEmail(account: string, password: string, verifyCode?: string) {

  let credential;

  if (verifyCode) {

    credential = agconnect.auth.EmailAuthProvider.credentialWithVerifyCode(account, password, verifyCode);

  } else {

    credential = agconnect.auth.EmailAuthProvider.credentialWithPassword(account, password);

  }

  if (!credential) {

    return Promise.reject('credential is undefined');

  }

  return login(credential);

}

上記では、WeChatアプレットバージョン認証サービスでメールアドレス認証に正常に接続しました。簡単だと思ったら、行動を起こして試してみてください。

{{o.name}}
{{m.name}}

おすすめ

転載: my.oschina.net/u/4478396/blog/5516368