Heim  >  Artikel  >  Web-Frontend  >  So implementieren Sie die WeChat-Karten- und Coupon-Sammelfunktion mit Uniapp

So implementieren Sie die WeChat-Karten- und Coupon-Sammelfunktion mit Uniapp

PHPz
PHPzOriginal
2023-04-06 12:44:371125Durchsuche

Mit der zunehmenden Beliebtheit elektronischer Methoden wie mobiler Zahlungen und elektronischer Gutscheine beginnen immer mehr Unternehmen, WeChat-Gutscheine als Marketinginstrument für Werbezwecke zu nutzen. In den letzten Jahren hat die Popularität von Uniapp auch die Aufmerksamkeit von immer mehr Entwicklern und Unternehmen auf sich gezogen, da es den Zweck der einmaligen Entwicklung und gleichzeitigen Veröffentlichung auf mehreren Plattformen erreichen kann und verschiedene Formen wie H5, Miniprogramme usw. unterstützt. und APPs. In diesem Artikel wird daher erläutert, wie Sie mit Uniapp die WeChat-Gutscheinsammelfunktion implementieren.

1. Arten von WeChat-Karten und Coupons

WeChat-Karten und Coupons werden hauptsächlich in fünf Arten unterteilt, nämlich: Gutscheine, Rabattgutscheine, Umtauschgutscheine, Gutscheine und Gruppenkaufgutscheine. Unter ihnen werden Gutscheine und Rabattcoupons häufiger verwendet, gefolgt von Umtauschcoupons, und die beiden anderen sind relativ selten. Während des Entwicklungsprozesses können wir je nach Bedarf den passenden Kartentyp auswählen.

2. Das Prinzip des Erhalts von Karten und Coupons auf WeChat

Das Prinzip des Erhalts von Karten und Coupons auf WeChat ist: Der Benutzer erhält den Link zum „Empfangen von Karten und Coupons“ über die vom Händler bereitgestellten Kanäle (offizielles WeChat-Konto, Mini-Programm usw.). Nach dem Klicken auf den Link wird zur Karten- und Coupon-Sammelseite von WeChat weitergeleitet. Nachdem Sie auf der Seite die zu empfangende Nummer ausgewählt haben, sendet WeChat die Karte und den Coupon automatisch an den Benutzer zum WeChat-Kartenpaket des Benutzers.

3. Schritte zum Empfangen von WeChat-Karten und Coupons in Uniapp

  1. Erstellen Sie ein Händlerkonto

Bevor Sie die Funktion zum Empfangen von WeChat-Karten und Coupons nutzen können, müssen Sie ein WeChat-Zahlungshändlerkonto beantragen. Auf der offiziellen WeChat-Zahlungswebsite können Sie nach Eingabe relevanter Informationen und Hochladen von Materialien nach Überprüfung eine Händlernummer erhalten. Die Händlernummer ist eine notwendige Voraussetzung für die anschließende WeChat-Zahlung oder die WeChat-Karten- und Couponabholung.

  1. WeChat-Gutscheine erstellen

Wählen Sie im Hintergrund der öffentlichen WeChat-Plattform oder des Miniprogramms das Modul „Karten und Gutscheine“, erstellen Sie je nach Bedarf einen oder mehrere Gutscheine und legen Sie zugehörige Attribute fest, z. B. Gutscheintyp und Gültigkeitsdauer , Gebrauchsanweisung usw.

  1. Holen Sie sich die Karten- und Coupon-ID

Nach erfolgreicher Erstellung müssen Sie die ID der Karte und des Coupons für die spätere Verwendung aufzeichnen, wenn Sie einen Anspruchsantrag stellen. Wenn Sie Karten und Coupons in großem Umfang ausstellen müssen, müssen Sie die Möglichkeit zur Ausgabe von Karten und Coupons über die öffentliche WeChat-Plattform oder die Miniprogrammplattform beantragen und Informationen wie API-Schlüssel und Schnittstellenadressen erhalten.

  1. Um die Karten- und Coupon-Sammlung zu realisieren

Um die Karten- und Coupon-Sammlung in Uniapp zu realisieren, können Sie die offene Schnittstelle der WeChat-Zahlung aufrufen. Die spezifischen Schritte sind wie folgt:

(1) Rufen Sie die openid und den access_token des aktuellen Benutzers ab

Wenn es sich um eine öffentliche Kontoumgebung handelt, müssen Sie die OpenID des aktuellen Benutzers abrufen und diese OpenID verwenden, um das Access_token zu erhalten. Wenn Sie es in einer Miniprogrammumgebung erhalten, können Sie die OpenID und das Access_token direkt abrufen den aktuellen Benutzer über wx.login(), das im JS-SDK bereitgestellt wird.

(2) Erstellen Sie die URL zum Empfangen der Karte und der Gutscheine

Die URL ist wie folgt aufgebaut:

https://api.weixin.qq.com/card/qrcode/create?access_token={access_token}

Dabei ist access_token das erhaltene access_token. Informationen zur spezifischen Aufrufmethode finden Sie in der offiziellen WeChat-Dokumentation https:/. /mp.weixin.qq.com /wiki?t=resource/res_main&id=mp1421141115.

(3) Rufen Sie die WeChat-Zahlungs-API auf.

Verwenden Sie die Methode uni.request(), um eine Anfrage an die WeChat-Zahlungs-API zu senden, um das Ergebnis des Erhalts der Karte und des Gutscheins zu erhalten. Die Ergebnisse umfassen Ticketinformationen und andere Informationen für nachfolgende Inkassovorgänge.

(4) Generieren Sie eine Karten- und Coupon-Sammelseite

Je nach Ticket für den Erhalt der Karte und des Coupons kann eine Karten- und Coupon-Sammelseite erstellt werden. Auf der Seite müssen der Name, die Beschreibung, die Nutzungsregeln und andere Informationen angezeigt werden der Karte und des Coupons sowie die Anzahl der vom Benutzer ausgewählten Abholungen. Seiten können mit der Komponentenbibliothek von uni-app erstellt und normal in Miniprogrammen oder H5-Umgebungen verwendet werden.

(5) Senden und Speichern von Karten und Coupons

Nachdem der Benutzer die Auswahl auf der Seite abgeschlossen hat, klickt er auf die Schaltfläche „Empfangen“, ruft die WeChat-Zahlungs-API auf und sendet die Sammlungsinformationen an den WeChat-Server. Der Server wird dies tun Senden Sie die Karten- und Couponinformationen automatisch an den Benutzer. Nachdem der Benutzer den Coupon erhalten hat, wird der Coupon automatisch im WeChat-Karten-Wallet gespeichert.

IV. Zusammenfassung

In diesem Artikel wird erläutert, wie Sie mit Uniapp die Funktion zum Empfangen von WeChat-Karten und -Gutscheinen realisieren. Diese Funktion kann durch Aufrufen der WeChat-Zahlungs-API realisiert werden, die hauptsächlich die Erstellung von Händlerkonten umfasst und Coupon-Erstellung, Karten- und Coupon-ID-Erfassung sowie URL-Erstellung, Sammlungsseitengenerierung und andere mehrere Schritte. Bei der Entwicklung müssen Sie auf Datensicherheit und Benutzererfahrung achten und sicherstellen, dass die Details so perfekt wie möglich behandelt werden.

Das obige ist der detaillierte Inhalt vonSo implementieren Sie die WeChat-Karten- und Coupon-Sammelfunktion mit Uniapp. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn