Schritte zur Implementierung der Autorisierungsanmeldung für das WeChat-Applet von Uni-App

 <button class="login-btn" type="primary" @click="getUserInfo">
        WeChat-Benutzer können sich mit einem Klick anmelden</button>

 Methoden: {
    getUserInfo() {
      uni.getUserInfo({
        Anbieter: 'weixin',
        Erfolg: (res) => {
          console.log('getUserInfo', res);
        },
      });
    },
   }

 getUserInfo() {
      uni.getUserProfile({
        desc: 'Nach dem Einloggen können Sie Daten synchronisieren',
        Sprache: 'zh_CN',
        Erfolg: (res) => {
          console.log('getUserProfile', res);
        },
      });
    },

 uni.login({
            Anbieter: 'weixin',
            Erfolg: (res) => {
              console.log('res-login', res);
              dieser.Code = res.Code;
              Konsole.log('Code', Res.Code);
              wenn (res.errMsg == 'login:ok') {
              //TODO Code abrufen und die Backend-Schnittstelle mit Code-Parameter aufrufen}

 /**
     *
     * Benutzerinformationen abrufen */
    getUserInfo() {
      // Ladebox anzeigen uni.showLoading({
        Titel: 'Wird geladen',
      });
      uni.getUserProfile({
        desc: 'Nach dem Einloggen können Sie Daten synchronisieren',
        Erfolg: async (Objekt) => {
          konsole.log('obj', obj);
          //Aktion aufrufen und Login-Schnittstelle anfordern // warte auf this.login(obj);
          uni.login({
            Anbieter: 'weixin',
            Erfolg: (res) => {
              console.log('res-login', res);
              dieser.Code = res.Code;
              Konsole.log('Code', Res.Code);
              wenn (res.errMsg == 'login:ok') {
                uni
                  .Anfrage({
                    URL:
                      'http://127.0.0.1:8080/wxh5/wx/user/' +
                      'wx55822xxxx75e422' +
                      '/Login/',
                    Daten: {
                      Code: dieser.Code,
                    },
                  })
                  .then((res) => {
                  //Nachdem Sie OpenID und Session_k erhalten haben, Ihre eigene Logik console.log('Autorisierte Anmeldung', res[1].data);
                    Konsole.log(res[1].data.openid);
                    Konsole.log(res[1].data.session_key);
                    // Tu etwas.................
                  });
                Konsole.log('res', res);
              }
            },
          });
        },
        fehlgeschlagen: () => {
          uni.showToast({
            Titel: 'Autorisierung storniert',
            Symbol: „Fehler“,
            Maske: wahr,
          });
        },
        vollständig: () => {
          //Ladevorgang ausblenden
          uni.hideLoading();
        },
      });
    },

 @GetMapping("/login")
    öffentliche String-Anmeldung(@PathVariable String-App-ID, String-Code) {
        wenn (StringUtils.isBlank(code)) {
            returniere „leeren Jscode“;
        }

        endgültiger WxMaService wxService = WxMaConfiguration.getMaService(appid);

        versuchen {
            WxMaJscode2SessionResult-Sitzung = wxService.getUserService().getSessionInfo(Code);
            dies.logger.info(session.getSessionKey());
            Dies.logger.info(session.getOpenid());
            //TODO kann seine eigene Logik hinzufügen und geschäftsbezogene Daten zuordnen return JsonUtils.toJson(session);
        } Fang (WxErrorException e) {
            dieser.logger.error(e.getMessage(), e);
            gibt e.toString() zurück;
        }
    }

 /**
     *
     * Benutzerinformationen abrufen */
    getUserInfo() {
      // Ladebox anzeigen uni.showLoading({
        Titel: 'Wird geladen',
      });
      uni.getUserProfile({
        desc: 'Nach dem Einloggen können Sie Daten synchronisieren',
        Erfolg: async (Objekt) => {
          // diese.Benutzerinfo = obj.Benutzerinfo;
          //Aktion aufrufen, um Login-Schnittstelle anzufordern uni.login({
            Anbieter: 'weixin',
            Erfolg: async (res) => {
              dieser.Code = res.Code;
              // console.log('Anmelden, um Code zu erhalten', res.code);
              wenn (res.errMsg == 'login:ok') {
                warte auf diese.loginAuth({
                  Benutzerprofil: obj,
                  Anwendungs-ID: „wx558xxxxxxxxxxxxxxx2“,
                  Code: dieser.Code,
                });
              }
            },
          });
        },
        fehlgeschlagen: () => {
          uni.showToast({
            Titel: 'Autorisierung storniert',
            Symbol: „Fehler“,
            Maske: wahr,
          });
        },
        vollständig: () => {
          //Ladevorgang ausblenden
          uni.hideLoading();
        },
      });
    },
  },

 /**
 * Autorisierte Anmeldung durch WeChat-Benutzer mit App-ID- und Code-Parametern. Aufruf der Backend-Schnittstelle zum Abrufen der OpenID
 */
Exportfunktion loginAuth(Daten) {
  Rückgabeanforderung({
    URL: '/wx/Benutzer/' + Daten.App-ID + '/Login/',
    Daten: {
      Code: Datencode,
    },
  });
}

 // Autorisierte Anmeldung durch WeChat-Benutzer mit App-ID- und Code-Parametern. Aufruf der Backend-Schnittstelle zum Abrufen der OpenID
    async loginAuth(Kontext, Daten) {
      console.log('Daten', Daten);
      const userInfo = Daten.Benutzerprofil;
      const { Inhalt: res } = warte auf loginAuth({
        appid: Daten.appid,
        Code: Datencode,
      });

      // Analysieren Sie das vom Backend gesendete JSON-Objekt const userAuthInfo = JSON.parse(res);
      const openid = userAuthInfo.openid;
      // console.log('sessionKey', userAuthInfo.sessionKey);
      Konsole.log('openid', openid);

      // In Vuex speichern und committen
      this.commit('Benutzer/setOpenid', userAuthInfo.openid);
      this.commit('Benutzer/setUserInfo', JSON.parse(userInfo.rawData));
    },