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

Lösung für Linux, das nicht alle Befehle unterstützt

Was soll ich tun, wenn Linux nicht alle Befehle u...

Die Fallstricke bei der Beurteilung von NULL-Werten in MySQL

Inhaltsverzeichnis Vorwort MySQL-Fall mit Syntax:...

So implementieren Sie eine Array-Lazy-Evaluation-Bibliothek in JavaScript

Inhaltsverzeichnis Überblick So erreichen Sie es ...

So dekomprimieren Sie mehrere Dateien mit dem Befehl „unzip“ in Linux

Lösung für das Problem, dass in Linux kein Entpac...

Verstehen Sie das CSS3-Rasterlayout in 10 Minuten

Grundlegende Einführung Im vorherigen Artikel hab...

Drei Implementierungsmethoden für die MySQL-Kopiertabelle und die Grant-Analyse

So kopieren Sie schnell eine Tabelle Erstellen Si...

jQuery implementiert die Funktion zum Ziehen von Bildern mit der Maus

In diesem Beispiel wird jQuery verwendet, um eine...

Beispiele für einige Verwendungstipps für META-Tags in HTML

HTML-Meta-Tag HTML-Meta-Tags können verwendet wer...

So fügen Sie in MySQL 8.0 schnell Spalten hinzu

Vorwort: Ich habe vor langer Zeit gehört, dass My...

Klassischer MySQL-High-Level-/Befehlszeilenvorgang (schnell) (empfohlen)

Da ich lernen muss, wie man Server und Datenbanke...

Automatisches Erstellen und Bereitstellen mit Docker+Jenkins

Dieser Artikel stellt die automatische Build-Bere...

So stellen Sie Docker-Containerdaten wieder her

Die Datenbankdaten der Projekttestumgebung sind v...