Detaillierte Erläuterung der allgemeinen Verwendungsmethoden von weixin-js-sdk in vue

npm installiere weixin-js-sdk

<Skript>
var ua = navigator.userAgent.toLowerCase();
var isWeixin = ua.indexOf('micromessenger') != -1;
var istAndroid = ua.indexOf('android') != -1;
var isIos = (ua.indexOf('iphone') != -1) || (ua.indexOf('ipad') != -1);
wenn(!istWeixin) {
 document.head.innerHTML = '<title>Es ist ein Fehler aufgetreten</title><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=0"><link rel="stylesheet" type="text/css" href="https://res.wx.qq.com/open/libs/weui/0.4.1/weui.css" rel="external nofollow" >';
 document.body.innerHTML = '<div class="weui_msg"><div class="weui_icon_area"><i class="weui_icon_info weui_icon_msg"></i></div><div class="weui_text_area"><h4 class="weui_msg_title">Bitte öffnen Sie den Link im WeChat-Client</h4></div></div>';
} 

importiere env von "./env"; //Laufende Umgebung

<Skript>
Methoden:{
 // WeChat-Anmeldung wxLogin() {
      var das = dies;
      Achsen
        .get("/common/loginAuth")
        .dann(Funktion(res) {
          console.log("Die vom Hintergrund zurückgegebene Linkadresse", res.data);
          window.location.href = res.data; // Zur vom Hintergrund zurückgegebenen Linkadresse springen})
        .catch(Funktion(Fehler) {});
    },
//Benutzerinformationen austauschen postCode(res) {
      var das = dies;
      Achsen
        .post("/common/getUserInfo", {
          Code:res
        })
        .dann(Funktion(res) {
          cookie.set("openid", res.data.openid); //Code tauscht OpenID gegen Backend aus und speichert es})
        .catch(Funktion(Fehler) {
          konsole.log(Fehler);
        });
    }},
erstellt() {
    var r = window.location.href; // Aktuellen Link abrufen und aktuellen Link aufteilen // Die aktuelle Linkadresse ist der vom Hintergrund zurückgegebene Parameter. Wenn eine Aufteilung vorliegt, holen Sie sich den Code im Link und verwenden Sie die Methode postCode(), um die OpenID abzurufen. Wenn keine OpenID vorhanden ist, verwenden Sie die Methode wxLogin(), um die WeChat-Anmeldung zu starten, if (r.indexOf("?") != -1) {
      r = r.split("?");
      r = r[1].split("&");
      r = r[0].split("=");
      r = r[1];
    } anders {
      dies.wxLogin();
    }
    wenn (r) {
      dieser.postCode(r);
    } anders {
      dies.wxLogin();
    }
  },
</Skript>

wx aus „weixin-js-sdk“ importieren
dies.axios({
  Methode: 'post',
  URL: „URL“,
  data:{ url:location.href.split('#')[0] } // Geben Sie den Autorisierungs-URL-Parameter an den Server weiter, der Teil nach # wird nicht benötigt}).then((res)=>{
  wx.config({
    debug: true, // Debug-Modus aktivieren,
    appId: res.appId, // Erforderliche, eindeutige ID der Unternehmensnummer, geben Sie hier die Unternehmensnummer corpid ein
    timestamp: res.timestamp, // Erforderlich, generiert den Zeitstempel der Signatur nonceStr: res.nonceStr, // Erforderlich, generiert den zufälligen String der Signatur signature: res.signature, // Erforderlich, Signatur, siehe Anhang 1
    jsApiList: ['scanQRCode'] // Erforderlich, Liste der zu verwendenden JS-Schnittstellen, alle JS-Schnittstellen sind aufgelistet});
})