Als ich heute die Anmeldeseite geschrieben habe, musste ich persönliche Informationen und die Mobiltelefonnummer autorisieren. Aber wäre es nicht dumm, nur zwei Schaltflächen auf die Seite zu setzen? ? ? Ich habe einfach eine Maskenebene geschrieben, die den Benutzern bei der Autorisierung ihrer Mobiltelefonnummern hilft. 1. Wenn ich auf die WeChat-Anmeldeverknüpfung klicke, wird als Erstes die native WeChat-Methode zum Abrufen der Benutzerinformationen userInfo ausgelöst und anschließend die Maskenebene in ihrem Erfolgsrückruf geöffnet ... 2. In der Maskenebene befindet sich eine Schaltfläche. Diese Schaltfläche löst die native getPhoneNumber-Methode von WeChat aus, um die Mobiltelefonnummer des Benutzers abzurufen. Mehr muss ich dazu nicht sagen. . . . Den Code direkt ausgeben <!--Schnellanmeldung--> <button open-type="getUserInfo" @tap="getUserProfile"> <view class="Elementspalte Mitte"> <image class="iconc" src="/static/img/share/wx.png"></image> </Ansicht> </button> <!--Anmelde-Popup-Fenster--> <view Klasse = "modal-mask" catchtouchmove = "preventTouchMove" v-if = "showModal"></view> <Ansichtsklasse="modal-dialog" v-if="showModal"> <Klasse anzeigen="modaler Inhalt"> <Ansicht><Bild src='' Klasse='Anzeigen'></Bild></Ansicht> <view >Mobiltelefonnummer binden</view> <view>Bitte binden Sie Ihre Handynummer, bevor Sie diesen Vorgang durchführen</view> <button open-type="Telefonnummer abrufen" @getphonenumber="Telefonnummer abrufen"> <image src='/static/img/share/wx.png' class='iconWx'></image>WeChat-Benutzerbindung mit einem Klick </button> </Ansicht> </Ansicht> Methoden: { getUserProfile(){ // Es wird empfohlen, wx.getUserProfile zu verwenden, um Benutzerinformationen abzurufen. Entwickler müssen jedes Mal bestätigen, wenn sie über diese Schnittstelle persönliche Benutzerinformationen abrufen. // Entwickler sollten darauf achten, dass die Avatar-Spitznamen schnell von den Benutzern ausgefüllt werden, um wiederholte Popups zu vermeiden. wx.getUserProfile({ desc: ‚Wird verwendet, um die Mitgliedsinformationen zu vervollständigen‘, //Geben Sie den Zweck der Erfassung der persönlichen Benutzerinformationen an. Diese werden später im Popup-Fenster angezeigt. Bitte füllen Sie sie sorgfältig aus. Erfolg: (res) => { this.showDialogBtn(); //Rufe das Popup-Fenster auf, um mit einem Klick die Handynummer abzurufen (von mir selbst geschrieben) } }) }, // Popup-Fenster zum Abrufen der Telefonnummer mit einem Klick anzeigen showDialogBtn: function () { this.showModal = wahr }, // Blende das Popup-Fenster aus, um die Telefonnummer mit einem Klick abzurufen hideModal: function () { this.showModal = falsch }, //Holen Sie sich die Telefonnummer des BenutzersgetPhoneNumber (e) { Konsole, Protokoll (e.detael) }, Zusammenfassen Dies ist das Ende dieses Artikels darüber, wie WeChat Mini-Programme gleichzeitig Benutzerinformationen und Benutzer-Mobiltelefonnummern abrufen können. Weitere relevante Inhalte dazu, wie WeChat Mini-Programme Benutzerinformationen und Mobiltelefonnummern abrufen können, finden Sie in früheren Artikeln auf 123WORDPRESS.COM oder in den unten stehenden verwandten Artikeln. Ich hoffe, dass jeder 123WORDPRESS.COM in Zukunft unterstützen wird! Das könnte Sie auch interessieren:
|
<<: Detaillierte Erklärung zur korrekten Verwendung der if-Funktion in MySQL
Was soll ich tun, wenn Linux nicht alle Befehle u...
Problembeschreibung Ich habe drei virtuelle Masch...
Inhaltsverzeichnis Vorwort MySQL-Fall mit Syntax:...
Inhaltsverzeichnis Überblick So erreichen Sie es ...
Lösung für das Problem, dass in Linux kein Entpac...
Grundlegende Einführung Im vorherigen Artikel hab...
So kopieren Sie schnell eine Tabelle Erstellen Si...
In diesem Beispiel wird jQuery verwendet, um eine...
HTML-Meta-Tag HTML-Meta-Tags können verwendet wer...
Vorwort: Ich habe vor langer Zeit gehört, dass My...
Da ich lernen muss, wie man Server und Datenbanke...
Dieser Artikel stellt die automatische Build-Bere...
Beim Aktualisieren eines Datensatzes in MySQL ist...
Die Datenbankdaten der Projekttestumgebung sind v...
Einführung in die Sicherheitslücke Die SigRed-Sic...