Wir wissen, dass die benutzerdefinierten Menüs von WeChat in zwei Kategorien unterteilt sind, die jeweils dem Klicktyp und dem Ansichtstyp entsprechen, und dass die Umleitung ein Typ des Ansichtstyps ist, wie unten gezeigt.

1. Konfiguration des WeChat-Umleitungsmenüs

Das WeChat-Umleitungsmenü dient dazu, den WeChat-Server durch übergabe eines Adressparameters springen zu lassen wie folgt.

Der Link für die Methode ?scope=snsapi_base“ lautet wie folgt:

https://open.weixin.qq.com/connect/oauth2/authorize?appid=wx3d81fc2886d86526&redirect_uri=http%3A%2F %2Fwww .iqidi.com%2Ftestwx.ashx&response_type=code&scope=snsapi_base&state=123#wechat_redirect

Der Link für Scope=snsapi_userinfo lautet wie folgt:

https://open.weixin.qq. com/ connect/oauth2/authorize?appid=wx3d81fc2886d86526&redirect_uri=http%3A%2F%2Fwww.iqidi.com%2Ftestwx.ashx&response_type=code&scope=snsapi_userinfo&state=123#wechat_redirect

Diese beiden Menülinks werden haupts?chlich an uns weitergegeben Die Linkadresse wird von UrlEncode verarbeitet und dann dem Parameter Redirect_uri zugewiesen.

Da die Linkadresse relativ lang ist, ist es sehr umst?ndlich, sie jedes Mal zu kopieren und zu ?ndern, wenn Sie das Menü konfigurieren müssen. Wir k?nnen in der Konfigurationsoberfl?che des benutzerdefinierten Menüs eine Schaltfl?chenfunktion hinzufügen, um die zu ?ndern Inhaltsverarbeitung: Um die von uns ben?tigte Adresskonvertierung zu erreichen, basiert der Betrieb benutzerdefinierter Menüs auf meiner Portalanwendungsplattform auf dieser Idee.

Standardm??ig müssen wir nur eine URL-Adresse eingeben, die umgeleitet werden muss, wie unten gezeigt.

Wenn Sie es als umgeleitete Menü-Link-Adresse konfigurieren müssen, rufen Sie die Schaltfl?che [Umleitungsmenü konvertieren] auf und verwenden Sie die Skriptfunktion, um das konvertierte Ergebnis zu konvertieren unten dargestellt.

Es stellt sich heraus, dass das Hintergrund-Javascript zum Implementieren der URL-Transkodierung von Parametern verwendet wird und die AppId des Hintergrunds abgerufen werden muss, damit eine vollst?ndige Adressverbindung aufgebaut werden kann .

2. Implementierungscode des Skriptkonvertierungsvorgangs

Wie bereits erw?hnt, besteht der erste darin, die URL-Transkodierung zu implementieren, und der zweite darin, die AppId des Hintergrunds abzurufen und dann eine vollst?ndige URL zu generieren. . Um wiederholte Recherchen zu vermeiden, habe ich diesen Teil des Codes ver?ffentlicht und ihn gemeinsam studiert.

Bevor wir es verwenden, müssen wir auf ein anderes Problem achten, n?mlich dass diese Seite nach der Weiterleitung einen Codeparameter hat. Wir müssen ihn abrufen Natürlich über Javascript.

Diese Logik kann mit einer Skriptfunktion implementiert werden, wie unten gezeigt

function getUrlVars(){
            var vars = [], hash;
            var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
            for(var i = 0; i < hashes.length; i++)
            {
                hash = hashes[i].split(&#39;=&#39;);
                vars.push(hash[0]);
                vars[hash[0]] = hash[1];
            }
            return vars;
        }

Nachdem wir diese Funktion definiert haben, gehen wir in Auf der umgeleiteten Seite ist der Vorgang zum Abrufen des Codeparameters wie folgt.

var code = getUrlVars()["code"];

Lassen Sie uns dies zun?chst beiseite legen und zun?chst besprechen, wie die Linkadresse in die erforderliche Linkadressenoperation umgewandelt wird.

Um eine gegenseitige Konvertierung der Linkadressen zu erreichen (der Einfachheit halber), k?nnen wir feststellen, ob die Linkadresse den Dom?nennamen qq enth?lt.

if (url.indexOf("https://open.weixin.qq.com/connect/oauth2/authorize?") == 0) {
   var redirect_uri = getUrlVars(url)["redirect_uri"];
   if (redirect_uri != "") {
       var newUrl = decodeURIComponent(redirect_uri);
       $("#" + ctrlName).val(newUrl);
   }
}

Wenn es sich um einen normalen Link handelt, den wir eingegeben haben, sollte er wie unten gezeigt in eine umgeleitete Linkadresse umgewandelt werden.

else {
                    var newUrl = encodeURIComponent(url);
                    var reNewUrl = "https://open.weixin.qq.com/connect/oauth2/authorize?appid=@ViewBag.appid&redirect_uri=" + newUrl + "&response_type=code&scope=snsapi_base&state=123#wechat_redirect";
                    $("#" + ctrlName).val(reNewUrl);
                }

Der Weiterleitungslink muss eine App-ID des aktuellen WeChat-Entwicklungsbenutzers haben. Dies ist nicht festgelegt und variiert zwischen verschiedenen Entwicklern Zur Bindung werden hier Objekte verwendet: @ViewBag.appid.

Im entsprechenden MenuController-Controller weisen Sie ihm einfach einen Wert zu.

/// <summary>
        /// 默認(rèn)的視圖控制方法
        /// </summary>
        /// <returns></returns>
        public override ActionResult Index()
        {
            ViewBag.appid = GetAppId();
            return View();
        }

Die konfigurierte Adressliste des Weiterleitungsmenüs ist wie folgt: Wir ?ffnen die entsprechende Datensatzdetailseite und k?nnen die Funktionen auf der Seitenschaltfl?che verwenden, um die zu konvertieren Sie k?nnen jederzeit die Adresse des Weiterleitungsmenüs angeben, um das Verst?ndnis detaillierter Linkinhalte zu erleichtern.

3. Design und Verarbeitung von Weiterleitungsseiten

Nachdem wir die oben genannte Linkadresse konfiguriert haben, müssen wir eine solche Seite zur Website hinzufügen, um Benutzerinformationen zu verarbeiten Für Benutzer ist es praktisch, ihre grundlegenden Informationen auf WeChat zu überprüfen, und es wird auch verwendet, um die pers?nlichen Daten der Benutzer zu binden. Beispielsweise k?nnen Benutzer Mobiltelefone, E-Mail-Postf?cher usw. binden und auch Benutzernamen im Zusammenhang mit Gesch?ftssystemen binden. Auf diese Weise k?nnen sich Benutzer schnell als Mitglieder registrieren oder sich dem Backend-System anschlie?en.

Die beiden von mir entworfenen Benutzeroberfl?chen zur Anzeige von Benutzerinformationen lauten wie folgt.

Diese beiden Schnittstellen verwenden haupts?chlich Jquery Mobile-bezogene Inhalte zur Verarbeitung der Schnittstelle. Das gesamte Modul kombiniert die SMS-Best?tigungscode-Methode, um das Mobiltelefon des Benutzers zu überprüfen, sodass Informationen effizienter realisiert werden k?nnen Natürlich kann das Konto und das Passwort des Benutzers auch mit externen Systemen verknüpft werden, sodass Benutzer die Micro-Website-Plattform auf WeChat zum Einkaufen, zur Datenpflege, zur Gesch?ftsverwaltung und für andere Vorg?nge aufrufen k?nnen system gebunden ist, was einen schnellen Zugriff auf externe Systeme erm?glicht.

Für weitere C#-Entwicklung von WeChat-Portalen und -Anwendungen, die Umleitung verwenden, um Benutzerdaten im WeChat-Menü abzurufen, achten Sie bitte auf die chinesische PHP-Website!