So testen Sie die QQ-Anmeldung in Uniapp

Mit der Entwicklung des mobilen Internets müssen immer mehr Anwendungen die Anmeldung von Drittanbietern integrieren, um den Benutzerkomfort und das Benutzererlebnis zu verbessern. Für einige große Anwendungen, wie z. B. den QQ-Anmeldezugriff, ist dies erforderlich geworden. Wie kann man in der Uniapp-Entwicklung die Wirkung und Funktion des QQ-Anmeldezugriffs testen? Dieser Artikel wird in die folgenden Aspekte unterteilt, um vorzustellen, wie Uniapp die QQ-Anmeldung testet.

1. Vorbereitung vor dem Test

Bevor Sie den QQ-Anmeldetest durchführen, müssen Sie sich auf der offiziellen Website von QQ Internet bewerben, um Parameter wie Appkey und Appsecret zu erhalten Sie müssen sicherstellen, dass die Bewerbungsinformationen überprüft wurden. Nachdem die Anwendung abgeschlossen ist, müssen Sie den angewendeten Appkey, Appsecret und andere Parameter zur Verwendung in nachfolgenden Tests speichern.

2. Testen Sie die QQ-Anmeldefunktion

In der Uniapp-Entwicklung können Sie das von Uniapp offiziell bereitgestellte Uni-Login-Plug-In verwenden, um schnell auf die Anmeldefunktion von Drittanbietern zuzugreifen .

1. Installieren Sie das Uni-Login-Plugin

Öffnen Sie das Befehlszeilentool, geben Sie das Stammverzeichnis des Uniapp-Projekts ein und geben Sie den folgenden Befehl ein Installieren Sie das Uni-Login-Plugin: # 🎜🎜#

npm install -S @dcloudio/uni-login

Fügen Sie nach Abschluss der Installation die Seite „pages/plugin/uni-login/authorize/authorize“ in der Datei „pages.json“ von uniapp für nachfolgende Aufrufe hinzu.

QQ-Anmeldecode schreiben

In der Uniapp-Entwicklung kann die Anmeldefunktion des Uni-Login-Plug-Ins über die Uni aufgerufen werden. Anmeldemethode, um die QQ-Anmeldefunktion zu erreichen. Der Code lautet wie folgt:

uni.login({
    provider: 'qq',
    success: function (res) {
        console.log(res);
        uni.setStorageSync('token',res.code);
    }
});

Darunter ist der Anbieterparameter der Name der Anmeldeschnittstelle eines Drittanbieters, hier ist er „qq“. Nachdem der Anruf erfolgreich war, kann der Anmeldestatuscode (res.code) des Benutzers abgerufen und zur späteren Verwendung im Cache gespeichert werden.

QQ-Anmeldefunktion testen

Beim Testen der QQ-Anmeldefunktion müssen Sie sicherstellen, dass das von Ihnen verwendete Mobiltelefon über den QQ-Client verfügt installiert, das in uniapp entwickelt wurde. Sehen Sie es sich auf Ihrem Mobiltelefon an oder packen Sie es zum Testen in eine APP. Wenn Sie die QQ-Anmeldefunktion aufrufen, können Sie den QQ-Client für die autorisierte Anmeldung öffnen. Wenn die Autorisierung erfolgreich ist, werden die OpenID, das Token und andere Informationen des Benutzers zurückgegeben.

Es ist zu beachten, dass es während des Tests zu Autorisierungsfehlern kommen kann, die dadurch verursacht werden können, dass der QQ-Client oder das QQ-Internetkonto nicht vollständig eingerichtet ist. Bitte überprüfen Sie die entsprechenden Konfigurationsinformationen.

3. Testen Sie die Ablaufzeit für die QQ-Anmeldung.

Nach erfolgreicher QQ-Anmeldung müssen die Token-Informationen gespeichert und bei Bedarf verwendet werden. Allerdings hat das QQ-Anmeldetoken eine Ablaufzeit. Um die Ablaufzeit zu testen, können Sie uni.checkSession verwenden, um die Token-Ablaufzeit in der Uniapp-Entwicklung zu überprüfen.

uni.checkSession({

success() {
    console.log('token未过期');
},
fail() {
   console.log('token已过期');
}

});

Der Ablaufstatus des Tokens kann durch Überprüfen des von der Funktion zurückgegebenen Werts ermittelt werden .

4. Zusammenfassung

Mit der oben genannten Methode können wir die QQ-Anmeldefunktion schnell testen und den Token-Ablauf in der Uniapp-Entwicklung überprüfen, um die normale Verwendung der Anmeldefunktion des Benutzers sicherzustellen . Gleichzeitig müssen Sie beim Zugriff auf die QQ-Anmeldefunktion die relevanten Konfigurationsinformationen sorgfältig prüfen, um die Richtigkeit der Schnittstelle sicherzustellen.

Das obige ist der detaillierte Inhalt vonSo testen Sie die QQ-Anmeldung in Uniapp. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!