javascript - Bitte geben Sie mir einige Ideen, wie Sie die Webcode-Scan-Anmeldung implementieren

Vor kurzem arbeite ich an einem Web-Instant-Messaging, das über eine QR-Code-Anmeldefunktion verfügt. Ich habe das noch nie zuvor gemacht und suche daher einen Experten, der darüber spricht.
Wie ist beispielsweise der QR-Code entstanden? Wenn die Webseite das Mobiltelefon überwacht, um den Code erfolgreich zu scannen, und der Server die Daten gesendet hat

Antwortinhalt:

Vor kurzem arbeite ich an einem Web-Instant-Messaging, das über eine QR-Code-Anmeldefunktion verfügt. Ich habe das noch nie zuvor gemacht und suche daher einen Experten, der darüber spricht.
Wie ist beispielsweise der QR-Code entstanden? Wenn die Webseite das Mobiltelefon überwacht, um den Code erfolgreich zu scannen, und der Server die Daten gesendet hat

<code>步骤       WEB平台                手机
第1步      生成二维码
第2步     （ajax监控后台）          扫码
第3步     （ajax监控后台）          确定（后台异步通知WEB平台）
第4步      AJAX发现状态改变，登陆成功
</code>

Ajax-Überwachungshintergrundprozess: nach der Generierung des QR-Codes,

<code>setTimeout(function(){
    //AJAX请求，检测状态
},5000);


</code>

Was die Person oben gesagt hat, ist richtig. Lassen Sie mich etwas hinzufügen.
Nehmen Sie WeChat als Beispiel
Lösen Sie zwei Probleme: <1> Der Computer erhält vom Server, ob jemand meinen Computer gescannt und die Anmeldung autorisiert hat.
Dann muss die App das Problem lösen, zu wissen, wer die Person ist, die gescannt hat, und dem Server die Informationen über diese Person mitzuteilen.
Objekt<1>Website <2>WeChat auf dem Mobiltelefon öffnen

Prozess
<1> Das Web generiert einen Link und der Link wird in einen QR-Code umgewandelt. Im Allgemeinen werden lokale Cookies oder Session-ID als einzige Parameter verwendet.

<2>Nachdem die App gescannt hat, führt sie tatsächlich den Autorisierungsvorgang durch, erfasst die Benutzerinformationen und speichert die Benutzerinformationen und die in der Anfrage enthaltenen Cookies oder Sitzungs-IDs alle
<3>web in der Bibliothek Einige Sekunden lang fordert Ajax den Hintergrund auf, zu prüfen, ob die aktuellen Cookies oder die Sitzungs-ID über entsprechende Anmeldeinformationen verfügen, und führt in diesem Fall den Anmeldevorgang durch.

1. Das Frontend ruft die API auf, die im Hintergrund den QR-Code generiert, um das QR-Code-Bild und die darin enthaltenen Informationen (normalerweise eine eindeutige ID) zu erhalten.
2 (websock, Ihre Wahl) Wenn Sie ein Mobiltelefon zum Scannen des Codes haben, können Sie die Hintergrundschnittstellen-API aufrufen. Der Parameter ist die obige eindeutige ID. Die ID im QR-Code ruft die Backend-Schnittstelle auf.
Die Daten dieses QR-Codes werden im Hintergrund gespeichert, zusätzlich zu den angemeldeten Benutzerinformationen. Wenn das Frontend die API aufruft, wird eine erfolgreiche Anmeldung zurückgegeben.
4. Das Frontend erhält eine erfolgreiche Anmeldung und springt