Leitfaden zu bewährten Methoden für die Benutzerautorisierung im WeChat Mini-Programm

wx.getSetting({
    Erfolg(res)=>{
        wenn (!res.authSetting['scope']) {
          console.log('Nicht autorisiert')
              wx.autorisieren({
                Umfang: "Umfang",
                Erfolg() {
                    console.log('Autorisierung erfolgreich')
                },
                scheitern() {
                    console.log('Autorisierung fehlgeschlagen, lassen Sie den Benutzer manuell autorisieren.')
                    wx.showModal({
                        Titel: 'Warme Tipps',
                        Inhalt: „xxx-Berechtigung ist nicht aktiviert“,
                        showCancel: false,
                        Erfolg(res) {
                        wenn (res.bestätigen) {
                            console.log('Benutzer klickt auf OK')
                            wx.openSetting({
                                Erfolg(res) {
                                    Konsole.log(res.authSetting)
                                    res.authSetting = {
                                    "scope.camera": wahr,
                                    }
                                }
                            })
                        } sonst wenn (res.abbrechen) {
                            console.log('Benutzer klickt auf Abbrechen')
                        }
                        }
                  })
                }
             })
        } anders {
          console.log('Autorisiert')
        }
    },
    Fehler(Fehler)=>{}
})

// utils/auth.js

/**
 * @param {
 * authType: Autorisierungstyp* }
 */

module.exports = asynchrone Funktion wxAuth(authType) {
  // scopeArr-Referenz: https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/authorize.html
  lass UmfangArr = [
    "Benutzerinfo",
    "Benutzerstandort",
    "BenutzerstandortHintergrund",
    "Adresse",
    "Rechnungstitel",
    "Rechnung",
    "wir sind",
    "aufzeichnen",
    "SchreibeFotosAlbum",
    "Kamera",
  ];
  wenn (scopeArr.indexOf(authType) == -1) {
    return console.error("Bitte geben Sie den richtigen Autorisierungstyp ein");
  }
  let scope = "Bereich." + Authentizitätstyp;
  let isUserSet = warte auf getSettingSync(Umfang);
  wenn (isUserSet) true zurückgibt;
  let isAuthorize = warte auf authorizeSync(scope);
  wenn (isAuthorize) true zurückgibt;
  lass showModalMes = warte auf showModalSync(Umfang);
  // Popup-Fenster mit der Aufforderung zur Autorisierung if (showModalMes) {
    // Manuelle Autorisierung durchführen let openSet = await openSettingSync(scope);
    wenn (öffnenSet) {
      gibt true zurück;
    } anders {
      gibt false zurück;
    }
  } anders {
    // Autorisierung ablehnen return false;
  }
};

// Feststellen, ob der Benutzer die Autorisierungsfunktion aktiviert hat getSettingSync(scope) {
  returniere neues Promise((lösen, ablehnen) => {
    wx.getSetting({
      Erfolg(res) {
        wenn (!res.authSetting[Umfang]) {
          console.log("Nicht autorisiert");
          Lösung (falsch);
        } anders {
          console.log("Autorisiert");
          Entschlossenheit (wahr);
        }
      },
      Fehler(Fehler) {
        ablehnen();
        console.error("wx.getSetting-Fehler", err);
      },
    });
  });
}
// Benutzerautorisierung anfordern Funktion authorizeSync(scope) {
  returniere neues Promise((lösen, ablehnen) => {
    wx.autorisieren({
      Umfang: Umfang,
      Erfolg() {
        Entschlossenheit (wahr);
        console.log("Autorisierung erfolgreich");
      },
      scheitern() {
        Lösung (falsch);
        console.log("Autorisierung fehlgeschlagen");
      },
    });
  });
}
// Popup-Fenster fordert den Benutzer zur manuellen Autorisierung auf Funktion showModalSync(scope) {
  returniere neues Promise((lösen, ablehnen) => {
    wx.showModal({
      Titel: "Tipps",
      Inhalt: `Für ein besseres Benutzererlebnis autorisieren Sie bitte die Funktion ${scope}`,
      confirmText: "Zur Autorisierung gehen",
      showCancel: false,
      Erfolg(res) {
        wenn (res.bestätigen) {
          console.log("Zur Bestätigung klicken");
          Entschlossenheit (wahr);
        } sonst wenn (res.abbrechen) {
          Lösung (falsch);
        }
      },
      Fehler(Fehler) {
        ablehnen();
        console.error(err, "wx.showModal-Fehler");
      },
    });
  });
}
// Ruft die Einstellungsschnittstelle des Client-Applets auf und gibt das von der Benutzerfunktion openSettingSync(scope) { festgelegte Operationsergebnis zurück.
  returniere neues Promise((lösen, ablehnen) => {
    wx.openSetting({
      Erfolg(res) {
        Konsole.log(res.authSetting);
        wenn (res.authSetting[Umfang]) {
          Entschlossenheit (wahr);
        } anders {
          Lösung (falsch);
        }
      },
      Fehler(Fehler) {
        ablehnen();
        console.error(err, "wx.openSetting-Fehler");
      },
    });
  });
}

Authentifizierung importieren aus './../../utils/auth'
Seite({
   Daten:{
     isCameraAuth: false
   },
   beim Laden(){
         // Autorisierungscode auth('camera').then(() => {
      console.log('Autorisierung erfolgreich')
      dies.setData({
        isCameraAuth: wahr
      }
    }).catch((err) => {
      console.error('Autorisierung fehlgeschlagen');
    })
   }
})

<!-- index.wxml -->
<view>Ist es autorisiert: {{isCameraAuth}}</view>
<Kamera wx:if="{{isCameraAuth}}" style="width: 100%; height: 300px;"></Kamera>