Wie erhält das WeChat Mini-Programm gleichzeitig Benutzerinformationen und Benutzertelefonnummern?

Wie erhält das WeChat Mini-Programm gleichzeitig Benutzerinformationen und Benutzertelefonnummern?

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:
  • WeChat-Applet-Autorisierung zum Abrufen von Benutzerdetails, OpenID-Beispiel, detaillierte Erläuterung
  • Das WeChat-Applet erhält Benutzerinformationen und speichert den Anmeldestatus
  • Beispiel für einen WeChat-Applet-Vorgang zum Abrufen von Benutzerinformationen und Speichern in einer Datenbank
  • Wie erhält das WeChat Mini-Programm Benutzerinformationen?
  • Das WeChat Mini-Programm bestimmt, ob der Benutzer die Erfassung personenbezogener Daten erneut autorisieren muss
  • Zwei Möglichkeiten zum Abrufen von Benutzerinformationen bei der WeChat-Applet-Entwicklung

<<:  Detaillierte Erklärung zur korrekten Verwendung der if-Funktion in MySQL

>>:  MySQL 8.0.18 Hash Join unterstützt keine Links-/Rechts-Joins. Probleme mit Links- und Rechts-Joins

Artikel empfehlen

jQuery implementiert Warenkorbfunktion

In diesem Artikelbeispiel wird der spezifische Co...

Zusammenfassung der neuen Verwendung von vi (vim) unter Linux

Ich benutze den vi-Editor seit mehreren Jahren, h...

Lassen Sie uns über den Unterschied zwischen MyISAM und InnoDB sprechen

Die Hauptunterschiede sind folgende: 1. MySQL ver...

web.config (IIS) und .htaccess (Apache) Konfiguration

xml <?xml version="1.0" encoding=&qu...

Installations-JDK-Tutorialanalyse für Linux-System (Centos6.5 und höher)

Artikelstruktur 1. Vorbereitung 2. Installieren S...

Lösung für den MySQL-Fehlercode 1064

Wenn die Wörter in der SQL-Anweisung mit den Schl...

Docker erstellt Python Flask+ Nginx+Uwsgi-Container

Installieren Sie Nginx Ziehen Sie zuerst das Cent...

Detaillierte Erklärung zum Aktivieren des https-Dienstes in Apache unter Linux

Dieser Artikel beschreibt, wie man den https-Dien...

js zum Implementieren von Operationen zum Hinzufügen und Löschen von Tabellen

In diesem Artikelbeispiel wird der spezifische JS...