


Einführung in die Ajax-Methode zur Realisierung einer autorisierten Anmeldung auf der WeChat-Webseite
Mar 06, 2018 am 11:40 AMDie autorisierte Anmeldung auf der WeChat-Webseite ist eine sehr h?ufige Funktion, um allen das Lernen zu erleichtern. In diesem Artikel wird haupts?chlich die Ajax-Methode zur Implementierung einer autorisierten Anmeldung auf der WeChat-Webseite vorgestellt. Der Herausgeber findet sie recht gut. Jetzt werde ich sie mit Ihnen teilen und als Referenz verwenden. Kommen Sie und werfen Sie einen Blick mit dem Editor
Projekthintergrund
Weil das Projekt ein v?llig getrenntes Front-End und Backend verwendet. Endl?sung, es kann nicht verwendet werden. Die herk?mmliche autorisierte WeChat-Anmeldemethode erfordert die Verwendung von Ajax, um die autorisierte WeChat-Anmeldung zu implementieren.
Anforderungsanalyse
Da ich ein PHP-Benutzer bin, verwendet die WeChat-Entwicklung EasyWeChat, sodass die Implementierungsmethode auf EW basiert.
Tats?chlich ist es mühsam, dies zu implementieren. Bevor wir es implementieren, müssen wir den gesamten Prozess der WeChat-Autorisierung verstehen.
Führen Sie den Benutzer dazu, die Autorisierungsseite aufzurufen, um der Autorisierung zuzustimmen und den Code zu erhalten
Tauschen Sie den Code gegen das Access_token für die Webseitenautorisierung ein (Unterscheidet sich vom access_token in der Basisunterstützung)
Bei Bedarf k?nnen Entwickler das Access_token für die Webseitenautorisierung aktualisieren, um ein Ablaufen zu vermeiden
Erhalten Sie grundlegende Benutzerinformationen durch Webseitenautorisierung access_token und openid (unterstützt den UnionID-Mechanismus)
Tats?chlich muss das Frontend, um es ganz klar auszudrücken, nur eines tun: den Benutzer anleiten, die WeChat-Autorisierung zu starten Seite, rufen Sie dann den Code ab, springen Sie dann zur aktuellen Seite und fordern Sie dann das Back-End auf, Benutzer und andere verwandte Informationen auszutauschen.
Funktionsimplementierung
Benutzer zum Aufrufen der WeChat-Autorisierungsbest?tigungsseite anleiten
Wir müssen hier zwei Dinge tun: Konfigurieren Sie zun?chst den JSAPI-Dom?nennamen und anschlie?end den Rückrufdom?nennamen für die WeChat-Webseitenautorisierung.
Erstellen Sie die autorisierte WeChat-URL. "https://open.weixin.qq.com/connect/oauth2/authorize?appid=" + appId + "&redirect_uri=" + location.href.split('#')[0] + "&response_type=code&scope=snsapi_userinfo&state=STATE#wechat_redirect
Aus der Verbindung sehen wir, dass es zwei Variablen gibt: appId, und redirect_uri. Es erübrigt sich zu erw?hnen, dass appId die appId des offiziellen WeChat-Kontos ist, das wir autorisieren m?chten, und die andere Rückruf-URL tats?chlich die URL unserer aktuellen Seite ist.
Die URL, die zurückgerufen wird, nachdem sich der Benutzer bei WeChat angemeldet und autorisiert hat, enth?lt zwei Parameter: Der erste ist Code und der andere ist der Status. Das Einzige, was wir tun müssen, ist, den Code abzurufen und an das Backend zu übergeben, und das Backend kann über den Code die grundlegenden Informationen des Benutzers abrufen.
Nachdem das Backend den Code erhalten hat, ruft es die grundlegenden Informationen des Benutzers ab und gibt andere relevante Informationen an das Frontend zurück. Das Frontend ruft diese ab und übernimmt dann die lokale Speicherung oder andere Dinge.
function getUrlParam(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); var r = window.location.search.substr(1).match(reg); if (r != null) return unescape(r[2]); return null; } function wxLogin(callback) { var appId = 'xxxxxxxxxxxxxxxxxxx'; var oauth_url = 'xxxxxxxxxxxxxxxxxxx/oauth'; var url = "https://open.weixin.qq.com/connect/oauth2/authorize?appid=" + appId + "&redirect_uri=" + location.href.split('#')[0] + "&response_type=code&scope=snsapi_userinfo&state=STATE#wechat_redirect" var code = getUrlParam("code"); if (!code) { window.location = url; } else { $.ajax({ type: 'GET', url: oauth_url, dataType: 'json', data: { code: code }, success: function (data) { if (data.code === 200) { callback(data.data) } }, error: function (error) { throw new Error(error) } }) }
Ich hoffe, dass es für das gesamte Studium hilfreich sein wird dass jeder PHP-Chinesisch unterstützen wird.
Verwandte Empfehlungen:
Anmeldung zur Autorisierung der WeChat-Webseite bei Android fehlgeschlagen! Erfolg auf iOS!
Das obige ist der detaillierte Inhalt vonEinführung in die Ajax-Methode zur Realisierung einer autorisierten Anmeldung auf der WeChat-Webseite. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Hei?e KI -Werkzeuge

Undress AI Tool
Ausziehbilder kostenlos

Undresser.AI Undress
KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover
Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Clothoff.io
KI-Kleiderentferner

Video Face Swap
Tauschen Sie Gesichter in jedem Video mühelos mit unserem v?llig kostenlosen KI-Gesichtstausch-Tool aus!

Hei?er Artikel

Hei?e Werkzeuge

Notepad++7.3.1
Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version
Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1
Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6
Visuelle Webentwicklungstools

SublimeText3 Mac-Version
Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Mit der rasanten Entwicklung der sozialen Medien ist Xiaohongshu für viele junge Menschen zu einer beliebten Plattform geworden, auf der sie ihr Leben teilen und neue Produkte entdecken k?nnen. W?hrend der Nutzung k?nnen Benutzer manchmal auf Schwierigkeiten sto?en, sich bei früheren Konten anzumelden. In diesem Artikel wird ausführlich erl?utert, wie das Problem der Anmeldung beim alten Konto auf Xiaohongshu gel?st werden kann und wie mit der M?glichkeit umgegangen werden kann, dass das ursprüngliche Konto nach dem ?ndern der Bindung verloren geht. 1. Wie melde ich mich bei Xiaohongshus vorherigem Konto an? 1. Rufen Sie das Passwort ab und melden Sie sich an. Wenn Sie sich l?ngere Zeit nicht bei Xiaohongshu anmelden, wird Ihr Konto m?glicherweise vom System recycelt. Um die Zugriffsrechte wiederherzustellen, k?nnen Sie versuchen, sich erneut bei Ihrem Konto anzumelden, indem Sie Ihr Passwort abrufen. Die Bedienungsschritte sind wie folgt: (1) ?ffnen Sie die Xiaohongshu-App oder die offizielle Website und klicken Sie auf die Schaltfl?che ?Anmelden“. (2) W?hlen Sie ?Passwort abrufen“. (3) Geben Sie die Mobiltelefonnummer ein, die Sie bei der Registrierung Ihres Kontos verwendet haben

Wenn Sie sich auf Ihrem Computer beim Steam-Konto einer anderen Person anmelden und das Konto dieser anderen Person über eine Hintergrundsoftware verfügt, l?dt Steam automatisch die Hintergrundbilder herunter, die für das Konto der anderen Person abonniert wurden, nachdem Sie zu Ihrem eigenen Konto zurückgewechselt haben Deaktivieren der Steam-Cloud-Synchronisierung. Was tun, wenn WallpaperEngine die Hintergrundbilder anderer Personen herunterl?dt, nachdem Sie sich bei einem anderen Konto angemeldet haben? 1. Melden Sie sich bei Ihrem eigenen Steam-Konto an, suchen Sie in den Einstellungen nach der Cloud-Synchronisierung und deaktivieren Sie die Steam-Cloud-Synchronisierung. 2. Melden Sie sich bei dem Steam-Konto einer anderen Person an, bei dem Sie sich zuvor angemeldet haben, ?ffnen Sie den Wallpaper Creative Workshop, suchen Sie nach den Abonnementinhalten und kündigen Sie dann alle Abonnements. (Falls Sie das Hintergrundbild in Zukunft nicht mehr finden, k?nnen Sie es zun?chst abholen und dann das Abonnement kündigen.) 3. Wechseln Sie zurück zu Ihrem eigenen Steam

Kürzlich haben mich einige Freunde gefragt, wie man sich bei der Kuaishou-Computerversion anmeldet. Hier ist die Anmeldemethode für die Kuaishou-Computerversion. Schritt 1: Suchen Sie zun?chst im Browser Ihres Computers nach der offiziellen Website von Kuaishou auf Baidu. Schritt 2: W?hlen Sie das erste Element in der Suchergebnisliste aus. Schritt 3: Nachdem Sie die Hauptseite der offiziellen Website von Kuaishou aufgerufen haben, klicken Sie auf die Videooption. Schritt 4: Klicken Sie oben rechts auf den Benutzer-Avatar. Schritt 5: Klicken Sie auf den QR-Code, um sich im Popup-Anmeldemenü anzumelden. Schritt 6: ?ffnen Sie dann Kuaishou auf Ihrem Telefon und klicken Sie auf das Symbol in der oberen linken Ecke. Schritt 7: Klicken Sie auf das QR-Code-Logo. Schritt 8: Nachdem Sie auf das Scan-Symbol in der oberen rechten Ecke der Benutzeroberfl?che ?Mein QR-Code“ geklickt haben, scannen Sie den QR-Code auf Ihrem Computer. Schritt 9: Melden Sie sich abschlie?end bei der Computerversion von Kuaishou an

Erstellen Sie eine Engine für Autovervollst?ndigungsvorschl?ge mit PHP und Ajax: Serverseitiges Skript: Verarbeitet Ajax-Anfragen und gibt Vorschl?ge zurück (autocomplete.php). Client-Skript: Ajax-Anfrage senden und Vorschl?ge anzeigen (autocomplete.js). Praktischer Fall: Fügen Sie ein Skript in die HTML-Seite ein und geben Sie die Kennung des Sucheingabeelements an.

Die L?sung für das Discuz-Hintergrund-Login-Problem wird aufgezeigt. Mit der rasanten Entwicklung des Internets ist die Website-Erstellung immer h?ufiger geworden, und Discuz wurde als h?ufig verwendetes Forum-Website-Erstellungssystem bevorzugt viele Webmaster. Gerade aufgrund seiner leistungsstarken Funktionen sto?en wir jedoch manchmal auf Probleme bei der Verwendung von Discuz, wie z. B. Probleme bei der Anmeldung im Hintergrund. Heute werden wir die L?sung für das Discuz-Hintergrund-Login-Problem enthüllen und konkrete Codebeispiele bereitstellen. Wir hoffen, den Bedürftigen zu helfen.

Xiaohongshu ist mittlerweile in das t?gliche Leben vieler Menschen integriert und erfreut die Benutzer mit seinen reichhaltigen Inhalten und praktischen Bedienmethoden. Manchmal vergessen wir das Kontopasswort. Es ist wirklich ?rgerlich, sich nur an das Konto zu erinnern, sich aber nicht anmelden zu k?nnen. 1. Wie melde ich mich an, wenn Xiaohongshu sich nur an das Konto erinnert? Wenn wir unser Passwort vergessen, k?nnen wir uns über den Best?tigungscode auf unserem Mobiltelefon bei Xiaohongshu anmelden. Die spezifischen Vorg?nge sind wie folgt: 1. ?ffnen Sie die Xiaohongshu-App oder die Webversion von Xiaohongshu. 2. Klicken Sie auf die Schaltfl?che ?Anmelden“ und w?hlen Sie ?Konto und Passwort anmelden“. 4. Klicken Sie auf die Schaltfl?che ?Passwort vergessen“. . Geben Sie Ihre Kontonummer ein. 5. Das System sendet einen Best?tigungscode an Ihr Mobiltelefon. Geben Sie den Best?tigungscode ein und klicken Sie auf ?OK“. Sie k?nnen auch ein Drittanbieterkonto verwenden (z. B

Baidu Netdisk kann nicht nur verschiedene Softwareressourcen speichern, sondern diese auch mit anderen teilen. Es unterstützt die Multi-Terminal-Synchronisierung. Wenn auf Ihrem Computer kein Client heruntergeladen wurde, k?nnen Sie die Webversion aufrufen. Wie melde ich mich also bei der Baidu Netdisk-Webversion an? Werfen wir einen Blick auf die ausführliche Einführung. Anmeldeeingang für die Webversion von Baidu Netdisk: https://pan.baidu.com (Kopieren Sie den Link zum ?ffnen in den Browser) Einführung in die Software 1. Teilen Bietet eine Dateifreigabefunktion, Benutzer k?nnen Dateien organisieren und sie mit bedürftigen Freunden teilen. 2. Cloud: Es beansprucht nicht zu viel Speicher. Die meisten Dateien werden in der Cloud gespeichert, wodurch effektiv Platz auf dem Computer gespart wird. 3. Fotoalbum: Unterstützt die Cloud-Fotoalbum-Funktion, importiert Fotos auf die Cloud-Festplatte und organisiert sie dann, damit jeder sie sehen kann.?

So l?sen Sie das h?ufige Problem des Ablaufs der Laravel-Anmeldezeit. Wenn Sie Laravel zur Entwicklung von Webanwendungen verwenden, ist die Anmeldeauthentifizierung eine sehr wichtige Funktion. Wenn ein Benutzer jedoch nach der Anmeldung l?ngere Zeit nicht arbeitet, kann es vorkommen, dass die Seite automatisch abgemeldet wird oder die Authentifizierung fehlschl?gt. Dieses Problem tritt relativ h?ufig auf. Im Folgenden wird erl?utert, wie dieses Problem durch Festlegen der Sitzungszeit gel?st werden kann, und es werden spezifische Codebeispiele bereitgestellt. 1. Legen Sie die Ablaufzeit der Sitzung in Laravel fest, standardm??ig Sessi
