WeChat- / WeCom-Scan-Login-Demo

Eine vollständig im Browser laufende, anklickbare, echte Scan-Login-Demo. Sie bettet einen QR-Code mit einem Mock-SDK ein, das byte-genau identisch zum offiziellen ist (WxLogin / WwLogin), durchläuft den vollständigen Authorization-Code-Flow und tauscht und zeigt schließlich die Nutzerinfos auf dieser Seite. Wählen Sie unten den Reiter „WeChat (Website-App)" oder „WeCom".

So funktioniert's

1. Plattform wählen → „Login-QR-Code anzeigen" klicken;
2. Mit dem Handy scannen oder den Link „(Dev) Scan simulieren → bestätigen" unter dem QR nutzen;
3. Die Seite kehrt mit einem code zurück, prüft state und ruft das Mock-Backend auf:
   • WeChat: /sns/oauth2/access_token → /sns/userinfo;
   • WeCom: /cgi-bin/gettoken → /cgi-bin/auth/getuserinfo → /cgi-bin/user/get.

Der ganze Tausch läuft lokal in Ihrem Browser (der Mock hat CORS aktiviert). Standardmäßig zeigt er auf den Mock-Dienst dieser Website; das Eingabefeld oben erlaubt, auf Ihre eigene Bereitstellung zu zeigen.

Tiefer einsteigen

• 📖 Protokoll: WeChat-Scan-Login · WeCom-Scan-Login — was das JS-SDK tut, warum man es nutzt, warum WeCom drei Schritte braucht
• 🧪 Mock-Nutzung: Mock WeChat · Mock WeCom — Endpunkte, Integrationscode und „Produktion = nur JS + URL ändern"