Eine elegante Möglichkeit, die Autorisierungsanmeldung für WeChat-Applets zu handhaben

// Anforderungskapselung abrufen (Seitenbeurteilung überspringen)
//Globale Variablen können über die globale Funktion getApp abgerufen werden. Globale Daten können in app.js im Stammverzeichnis festgelegt werden. let app=getApp();
const myGet = (URL, Daten)=>{
 returniere neues Promise((lösen, ablehnen)=>{
 wx.Anfrage({
  URL: `${app.globalData.HTTP}${url}`,
  Daten:Daten,
  Methode:"GET",
  //Diese Autorisierung ist der Wert, der die OpenID- und Session_Key-Informationen enthält header: { 'authorization': app.globalData.authorization}, //Holen Sie sich die Benutzerinformationen aus der globalen Variable und fügen Sie sie in den Anforderungsheader ein success:(res)=>{
  wenn (res.data.code == 409) {
   //409 bedeutet, dass der Benutzer nicht angemeldet ist, daher wird er gezwungen, zur schriftlichen Anmeldeseite zu springen wx.navigateTo({
   URL: „../login/login“
   })
  } anders{
   auflösen(res.data);
  }
  },
  Fehler: (Res) => {
  ablehnen();
  }
 })
 })
}
// Kapselung der Post-Anforderung (Beurteilung der Sprungseite)
const myPost = (URL, Daten) => {
 returniere neues Promise((lösen, ablehnen) => {
 wx.Anfrage({
  URL: `${app.globalData.HTTP}${url}`,
  Daten: Daten,
  Methode: "POST",
  Header: { 'Autorisierung': app.globalData.authorization},
  Erfolg: (res) => {
  wenn (res.data.code == 409){
   wx.navigateTo({
   URL: „../login/login“
   })
  }anders{
   auflösen(res.data);
  }
  
  },
  fehlgeschlagen: (res) => {
  ablehnen();
  }
 })
 })
}
modul.exporte = {
 meinGet,
 meinPost,
}

//app.js
App({
 beim Starten: Funktion() {
 //Hier können Sie Code schreiben, der entsprechend den tatsächlichen Anforderungen des Projekts zur Projektinitialisierung ausgeführt werden muss},
 globalData: {
 HTTP: "https://shop.yamecent.com/",
 //Nachdem wir die OpenID und den Sitzungsschlüssel erhalten haben, speichern wir sie in der Autorisierung des Applet-Speichers, sodass die Daten nicht verloren gehen, es sei denn, die Applet-Autorisierung wird gelöscht: wx.getStorageSync('authorization') || "", //Holen Sie sich die im Applet-Speicher gespeicherte Autorisierung
 }
})

const myRequest = require('./myRequest.js');
const app = getApp();
const HTTP = app.globalData.HTTP;
//WeChat-Anmeldeschnittstelle zum Abrufen der Codekapselung const myLogin=()=>{
 returniere neues Promise((lösen, ablehnen)=>{
 wx.login({
  Erfolg:(res)=>{
  auflösen(res.code);
  },
  Fehler: (Res) => {
  ablehnen(res.errMsg);
  console.log("WeChat-Anmeldung und Codeabruf fehlgeschlagen");
  }
 })
 })
}
//OpenID und Session_Key-Schnittstellenkapselung abrufen const getUserMsg=(myUrl,myData)=>{
 returniere neues Promise((lösen,ablehnen)=>{
 wx.Anfrage({
  URL: meineURL,
  Methode: "POST",
  Daten: meineDaten,
  Erfolg:(res)=>{
  wenn(res.data.code==500){
   //Abrufen fehlgeschlagen wx.showToast({
   Titel: res.data.msg,
   Symbol: „keine“,
   Dauer: 2000,
   Maske:wahr,
   })
   resolve(500); //Bei Fehlschlag 500 zurückgeben   
  }anders{
   auflösen(res.data.data);
  }  
  },
  Fehler: (Res) => {
  ablehnen(res.data.msg);
  console.log("OpenID- und Session_Key-Schnittstellen konnten nicht abgerufen werden");  
  }
 })
 })
}

//Speicher kapseln (Hinweis: Der Speichervorgang ist hier asynchron)
const mySetStorage=(Schlüssel,Wert)=>{
 returniere neues Promise((lösen, ablehnen) => {
 wx.setStorage({
  Schlüssel: Schlüssel,
  Daten: Wert,
  Erfolg: () => {
  Entschlossenheit (wahr);
  },
  fehlgeschlagen: () => {
  ablehnen (falsch);
  }
 })
 }) 
}

//Speicher kapseln const myGetStorage=(key)=>{
 returniere neues Promise((lösen,ablehnen)=>{
 wx.getStorage({
  Schlüssel: 'Schlüssel',
  Erfolg: (res)=>{
  auflösen(res.data);
  },
  Fehler:()=>{
  reject("Speicher konnte nicht abgerufen werden");
  }
 })
 })
}


//Kapselung der Autorisierungsmethode //sendData sind die Benutzerinformationen, die über die Autorisierungsschaltfläche erhalten wurden. Hier werden sie als Parameter an den Hintergrund übergeben, um die Benutzerinformationen zu speichern //cb ist die Funktion, die nach erfolgreicher Autorisierungsanmeldung ausgeführt werden soll. Die spezifische Funktion hängt von den Projektanforderungen ab und ist möglicherweise nicht erforderlich const myAuthorize = (sendData,cb="") => {
 asynchrone Funktion akkreditieren() {
 wx.showLoading({
  Titel: „Zertifizierung in Bearbeitung“,
  Maske: wahr
 })
 let code = await myLogin(); //WeChat-Login, um Code-Schnittstelle zu erhalten sendData.code=code;
 let author = await getUserMsg(`${HTTP}auth`, sendData); //Holen Sie sich die OpenID-Sitzungsschlüsselschnittstelle im Hintergrund wx.hideLoading();
 wenn(Autor==500){
  zurückkehren;
 }
 warte auf mySetStorage("authorization", author.Authorization); //Im Speicher speichern, das Applet aufrufen, um es abzurufen und in app.globalData zu speichern app.globalData.authorization = author.Authorization;
 typeof cb == "function" && cb(author); //Für den Rückruf benötigte Anmeldestatusparameter //Hier kann weitere Geschäftslogik hinzugefügt werden, wie etwa die Anzahl der Einkaufswagen von Tabbar-Benutzern usw. wx.showToast({
  Titel: 'Erfolgreiche Autorisierung',
  Symbol: „Erfolg“,
  Dauer: 2000,
  Maske: wahr
 });    

 
 }
 akkreditieren();
}

modul.exporte = {
 myAuthorize,
 meinSetStorage,
 myGetStorage
}

<button class='btn' open-type="getUserInfo" bindgetuserinfo='gotoLogin'>Jetzt anmelden</button>

// Seiten/Login/Login.js
const myRequest = require('../../common/script/myRequest.js');
const login = erfordern('../../common/script/login.js');
const app = getApp();
const HTTP = app.globalData.HTTP;
Seite({

 /**
 * Ausgangsdaten der Seite */
 Daten: {
 
 },
 gotoLogin: Funktion (e) {
 let sendOjb={};//Wird zum Speichern von Benutzerinformationen verwendetif (e.detail.errMsg == "getUserInfo:ok"){
  sendOjb = { avatar: e.detail.userInfo.avatarUrl,
     Spitzname: e.detail.userInfo.nickName, 
     Geschlecht: e.detail.userInfo.gender,
     Provinz: e.detail.userInfo.province, 
     Stadt: e.detail.userInfo.city}; 
  login.myAuthorize(sendOjb,()=>{
  wx.navigateBack(); //Nach erfolgreichem Abschluss zur vorherigen Seite zurückkehren oder eine andere Logik entsprechend den Projektanforderungen schreiben}) 
 }anders{
  
 }
 },
 /**
 * Lebenszyklusfunktion - auf Seitenladen warten*/
 onLoad: Funktion (Optionen) {

 },
})