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
Beachten Sie, dass dies kein von vue-cli erstellt...
Der Zweck des Schreibens von Skripten besteht dar...
Code kopieren Der Code lautet wie folgt: <inpu...
Vorwort Normalerweise müssen Sie beim Erstellen v...
Ich habe heute eine JSP-Seite geschrieben. Ich hab...
Dieser Artikel stellt vor, wie man das Ogg-Progra...
Verwenden von mock.js im Vue-Projekt Auswahl des ...
Dieses Mal haben wir einen RTMP-Liveübertragungss...
1 Einleitung Beim Gestalten einer Datenbank ist e...
JSON ist ein leichtes Datenaustauschformat, das e...
Hintergrund: Ich möchte einen SAP ECC Server inst...
Vorwort PC Server hat sich bis heute weiterentwic...
Ich möchte kürzlich einen Docker für Cron-geplant...
Vorwort Bevor wir beginnen, sollten wir uns kurz ...
Generieren einer Zertifikatskette Verwenden Sie d...