uni-app WeChatアプレット認証ログイン実装手順

 <button class="login-btn" type="primary" @click="getUserInfo">
        WeChatユーザーはワンクリックでログインできます</button>

 メソッド: {
    ユーザー情報を取得する() {
      uni.getUserInfo({
        プロバイダー: 'weixin'、
        成功: (res) => {
          console.log('getUserInfo', res);
        },
      });
    },
   }

 ユーザー情報を取得する() {
      uni.getUserProfile({
        説明: 'ログイン後にデータを同期できます',
        言語: 'zh_CN',
        成功: (res) => {
          console.log('getUserProfile', res);
        },
      });
    },

 uni.ログイン({
            プロバイダー: 'weixin'、
            成功: (res) => {
              console.log('res-login', res);
              コード:
              console.log('コード', res.コード);
              res.errMsg == 'ログイン:ok'の場合{
              //TODO コードを取得し、コード パラメータを使用してバックエンド インターフェイスを呼び出します}

 /**
     *
     * ユーザー情報を取得する */
    ユーザー情報を取得する() {
      // ローディングボックスを表示する uni.showLoading({
        タイトル: 「読み込み中」
      });
      uni.getUserProfile({
        説明: 'ログイン後にデータを同期できます',
        成功: async (obj) => {
          コンソールにログ出力します。
          //アクションを呼び出してログイン インターフェイスを要求します // await this.login(obj);
          uni.ログイン({
            プロバイダー: 'weixin'、
            成功: (res) => {
              console.log('res-login', res);
              コード:
              console.log('コード', res.コード);
              res.errMsg == 'ログイン:ok'の場合{
                ユニ
                  。リクエスト（{
                    URL:
                      'http://127.0.0.1:8080/wxh5/wx/user/' +
                      'wx55822xxxx75e422' +
                      '/ログイン/'、
                    データ： {
                      コード: this.code,
                    },
                  })
                  .then((res) => {
                  //openidとsession_kを取得した後、独自のロジックconsole.log('Authorized login', res[1].data);
                    コンソールにログ出力します。
                    コンソールにログ出力します。
                    // 何かを行う................
                  });
                コンソールにログ出力します。
              }
            },
          });
        },
        失敗: () => {
          uni.showToast({
            タイトル: 「認証がキャンセルされました」
            アイコン: 'エラー'、
            マスク: true、
          });
        },
        完了: () => {
          //読み込みを非表示
          uni.hideLoading();
        },
      });
    },

 @GetMapping("/ログイン")
    パブリック文字列ログイン(@PathVariable 文字列 appid, 文字列コード) {
        if (StringUtils.isBlank(コード)) {
            「空の jscode」を返します。
        }

        最終的な WxMaService wxService = WxMaConfiguration.getMaService(appid);

        試す {
            WxMaJscode2SessionResult セッション = wxService.getUserService().getSessionInfo(コード);
            セッションキーを取得します。
            セッションIDを取得する
            //TODO は独自のロジックを追加し、ビジネス関連のデータを関連付けることができます。 return JsonUtils.toJson(session);
        } キャッチ (WxErrorException e) {
            this.logger.error(e.getMessage(), e);
            e.toString() を返します。
        }
    }

 /**
     *
     * ユーザー情報を取得する */
    ユーザー情報を取得する() {
      // ローディングボックスを表示する uni.showLoading({
        タイトル: 「読み込み中」
      });
      uni.getUserProfile({
        説明: 'ログイン後にデータを同期できます',
        成功: async (obj) => {
          // this.userInfo = obj.userInfo;
          // ログインを要求するアクションを呼び出すインターフェース uni.login({
            プロバイダー: 'weixin'、
            成功: async (res) => {
              コード:
              // console.log('コードを取得するにはログインしてください', res.code);
              res.errMsg == 'ログイン:ok'の場合{
                this.loginAuth({を待つ
                  ユーザープロファイル: obj,
                  アプリID: 'wx558xxxxxxxxxxxxxxx2',
                  コード: this.code,
                });
              }
            },
          });
        },
        失敗: () => {
          uni.showToast({
            タイトル: 「認証がキャンセルされました」
            アイコン: 'エラー'、
            マスク: true、
          });
        },
        完了: () => {
          //読み込みを非表示
          uni.hideLoading();
        },
      });
    },
  },

 /**
 * WeChatユーザー認証ログイン、appidとコードパラメータの伝達、バックエンドインターフェースの呼び出しによるOpenidの取得
 */
エクスポート関数 loginAuth(data) {
  リクエストを返す({
    url: '/wx/user/' + data.appid + '/login/',
    データ： {
      コード: data.code、
    },
  });
}

 // WeChat ユーザーがログインを許可し、appid と code パラメータを渡し、バックエンド インターフェイスを呼び出して Openid を取得します。
    非同期ログイン認証(コンテキスト、データ) {
      console.log('データ', データ);
      ユーザープロファイルを作成します。
      const { コンテンツ: res } = loginAuthを待機します({
        アプリID: データ.アプリID、
        コード: data.code、
      });

      // バックエンドから送信された JSON オブジェクトを解析します。const userAuthInfo = JSON.parse(res);
      定数 openid = userAuthInfo.openid;
      // console.log('sessionKey', userAuthInfo.sessionKey);
      コンソールにログ出力します。

      // vuexに保存してコミットする
      this.commit('user/setOpenid', userAuthInfo.openid);
      this.commit('user/setUserInfo', JSON.parse(userInfo.rawData));
    },