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
In diesem Artikelbeispiel wird der spezifische Co...
Ich benutze den vi-Editor seit mehreren Jahren, h...
Der automatische Bildlaufeffekt der Seite kann du...
Die Hauptunterschiede sind folgende: 1. MySQL ver...
xml <?xml version="1.0" encoding=&qu...
Artikelstruktur 1. Vorbereitung 2. Installieren S...
Wenn die Wörter in der SQL-Anweisung mit den Schl...
Es gibt ein Heilmittel gegen Reue auf der Welt, s...
Dies ist ein wichtiges (und wunderbares) Thema fü...
Installieren Sie Nginx Ziehen Sie zuerst das Cent...
Inhaltsverzeichnis erster Schritt Schritt 2 Schri...
Der erste Schritt besteht darin, das komprimierte...
Dieser Artikel beschreibt, wie man den https-Dien...
In diesem Artikelbeispiel wird der spezifische Co...
In diesem Artikelbeispiel wird der spezifische JS...