Heim  >  Artikel  >  WeChat-Applet  >  Benutzerdefinierte Benutzeroberfläche zur Menüerstellung

Benutzerdefinierte Benutzeroberfläche zur Menüerstellung

Y2J
Y2JOriginal
2017-05-17 15:31:331350Durchsuche

Benutzerdefinierte Menüs können dazu beitragen, dass offizielle Konten ihre Benutzeroberflächen bereichern und Benutzern ermöglichen, die Funktionen offizieller Konten besser und schneller zu verstehen. Nach dem Einschalten des benutzerdefinierten Menüs sieht die offizielle Benutzeroberfläche des Kontos wie in der Abbildung dargestellt aus:

Benutzerdefinierte Benutzeroberfläche zur Menüerstellung

Bitte beachten Sie:

1 Enthält bis zu 3 Elemente. Menü der ersten Ebene. Jedes Menü der ersten Ebene enthält bis zu 5 Menüs der zweiten Ebene.
2. Das Menü der ersten Ebene kann bis zu 4 chinesische Zeichen enthalten, und das Menü der zweiten Ebene kann bis zu 7 chinesische Zeichen enthalten. Die zusätzlichen Teile werden durch „…“ ersetzt.
3. Nach dem Erstellen eines benutzerdefinierten Menüs besteht die Aktualisierungsstrategie des Menüs darin, dass der Benutzer die Konversationsseite des öffentlichen Kontos oder die Profilseite des öffentlichen Kontos aufruft und die letzte Anforderung zum Aufrufen des Menüs vor 5 Minuten gefunden wird Menü, wenn das Menü aktualisiert wurde, wird das Menü des Kunden aktualisiert. Beim Testen können Sie versuchen, dem öffentlichen Konto nicht mehr zu folgen und ihm erneut zu folgen, und Sie können die Auswirkung nach der Erstellung sehen.

Benutzerdefiniertes MenüSchnittstelle kann mehrere Arten von Schaltflächen wie folgt implementieren:

1. Klicken Sie auf Push Ereignis Nachdem der Benutzer auf die Schaltfläche „Klicktyp“ geklickt hat, überträgt der WeChat-Server die Nachrichtentyp-Ereignisstruktur über die Nachrichtenschnittstelle an den Entwickler (siehe Anleitung zur Nachrichtenschnittstelle) und füllt das Schlüssel können Entwickler mit Benutzern über benutzerdefinierte Schlüsselwerte interagieren

2 Schaltfläche, der WeChat-Client Die vom Entwickler in die Schaltfläche eingegebene Webseiten-URL wird geöffnet und kann mit der Webseiten-Autorisierungsschnittstelle kombiniert werden, um die grundlegenden Informationen des Benutzers abzurufen.

3. scancode_push: Nachdem der Benutzer im Scan-Code-Push-Ereignis auf die Schaltfläche geklickt hat, startet der WeChat-Client das Scan-Tool und nach Abschluss des Scan-Code-Vorgangs wird das Scan-Ergebnis angezeigt angezeigt (wenn es sich um eine URL handelt, geben Sie die URL ein) und das Ergebnis des Scannens des Codes wird an den Entwickler gesendet, der Nachrichten senden kann.

4. scancode_waitmsg: Scannen Sie den Code, um das Ereignis zu pushen und das Eingabeaufforderungsfeld „Nachrichtenempfang“ anzuzeigen. Nachdem der Benutzer auf die Schaltfläche geklickt hat, aktiviert der WeChat-Client das Scan-Tool. Nachdem der Code-Scanvorgang abgeschlossen ist, übermitteln Sie das Ergebnis des Code-Scans an den Entwickler und legen Sie gleichzeitig das Scan-Tool weg. Anschließend wird das Eingabeaufforderungsfeld „Nachrichtenempfang“ angezeigt. Anschließend erhalten Sie möglicherweise eine Nachricht vom Entwickler.

5. pic_sysphoto: Nachdem das System zum Aufnehmen von Fotos und Senden von Bildern geöffnet wurde, klickt der Benutzer auf die Schaltfläche, der WeChat-Client ruft die Systemkamera auf und nach Abschluss des Fotovorgangs , werden die aufgenommenen Fotos an den Entwickler gesendet und das Ereignis an den Entwickler weitergeleitet, und gleichzeitig wird die Systemkamera weggelegt, und dann erhalten Sie möglicherweise eine Nachricht vom Entwickler.

6. pic_photo_or_album: Nachdem der Benutzer auf die Schaltfläche geklickt hat, um ein Foto aufzunehmen oder ein Bild an das Album zu senden, öffnet der WeChat-Client eine Auswahl, in der der Benutzer „ein Foto machen“ auswählen kann Foto“ oder „aus dem Handyalbum auswählen“. Nachdem der Benutzer ausgewählt hat, durchläuft er die beiden anderen Prozesse.

7. pic_weixin: Nachdem der Absender des WeChat-Fotoalbums angezeigt wird und der Benutzer auf die Schaltfläche klickt, öffnet der WeChat-Client das ausgewählte WeChat-Fotoalbum Fotos werden an den Server des Entwicklers gesendet, das Ereignis wird an den Entwickler weitergeleitet, gleichzeitig wird das Fotoalbum geschlossen und möglicherweise werden später Nachrichten vom Entwickler empfangen.

8. location_select: Nachdem der Benutzer auf die Schaltfläche der Popup-Geostandortauswahl geklickt hat, ruft der WeChat-Client das Tool zur Auswahl des geografischen Standorts auf Der ausgewählte geografische Standort wird an die Entwicklung gesendet. Der Server des Entwicklers und das Standortauswahltool werden gleichzeitig geschlossen. Möglicherweise erhalten Sie dann eine Nachricht vom Entwickler.

9. media_id: Nachrichten senden (außer Textnachrichten) Nachdem der Benutzer auf die Schaltfläche „media_id type“ geklickt hat, sendet der WeChat-Server das Material, das der vom Benutzer eingegebenen permanenten Material-ID entspricht Permanente Materialtypen können Bilder, Audio, Video und grafische Nachrichten sein. Bitte beachten Sie: Bei der permanenten Material-ID muss es sich um eine gültige ID handeln, die Sie nach dem Hochladen in der Schnittstelle „Materialverwaltung/Permanentes Material hinzufügen“ erhalten.

10. view_limited: Zur grafischen Nachrichten-URL springen Nachdem der Benutzer auf die Schaltfläche „view_limited“ geklickt hat, öffnet der WeChat-Client die grafische Nachrichten-URL, die der von eingegebenen permanenten Material-ID entspricht Der Entwickler in der Schaltfläche unterstützt den permanenten Materialtyp nur grafische Nachrichten. Bitte beachten Sie: Bei der permanenten Material-ID muss es sich um eine gültige ID handeln, die nach dem Hochladen über die Schnittstelle „Materialverwaltung/Permanentes Material hinzufügen“ erhalten wurde.

Bitte beachten Sie, dass alle Ereignisse von 3 bis 8 nur WeChat iPhone 5.4.1 oder höher unterstützen und WeChat-Benutzer mit Android 5.4 oder höher nach dem Klicken nicht antworten und Entwickler keine Ereignisse empfangen können normalerweise drücken. 9 und 10 sind Veranstaltungstypen, die speziell für Abonnementkonten von Drittanbieterplattformen vorbereitet wurden, die nicht von WeChat zertifiziert wurden (insbesondere solche, die die Qualifikationszertifizierung nicht bestanden haben). Sie verfügen nicht über Event-Push und ihre Fähigkeiten sind relativ begrenzt. Andere Arten öffentlicher Konten müssen nicht verwendet werden.

Beschreibung der Schnittstellenaufrufanforderung

http-Anfragemethode: POST (bitte verwenden Sie das https-Protokoll) api.weixin.qq.com/cgi-bin/menu/create?access_token=ACCESS_TOKEN

Anfragebeispiele anklicken und ansehen

{
     "button":[
     {
          "type":"click",
          "name":"今日歌曲",
          "key":"V1001_TODAY_MUSIC"
      },
      {
           "name":"菜单",
           "sub_button":[
           {
               "type":"view",
               "name":"搜索",
               "url":"http://www.soso.com/"
            },
            {
               "type":"view",
               "name":"视频",
               "url":"http://v.qq.com/"
            },
            {
               "type":"click",
               "name":"赞一下我们",
               "key":"V1001_GOOD"
            }]
       }]
 }

Beispiele für andere neue Schaltflächentypen anfordern

{
    "button": [
        {
            "name": "扫码", 
            "sub_button": [
                {
                    "type": "scancode_waitmsg", 
                    "name": "扫码带提示", 
                    "key": "rselfmenu_0_0", 
                    "sub_button": [ ]
                }, 
                {
                    "type": "scancode_push", 
                    "name": "扫码推事件", 
                    "key": "rselfmenu_0_1", 
                    "sub_button": [ ]
                }
            ]
        }, 
        {
            "name": "发图", 
            "sub_button": [
                {
                    "type": "pic_sysphoto", 
                    "name": "系统拍照发图", 
                    "key": "rselfmenu_1_0", 
                   "sub_button": [ ]
                 }, 
                {
                    "type": "pic_photo_or_album", 
                    "name": "拍照或者相册发图", 
                    "key": "rselfmenu_1_1", 
                    "sub_button": [ ]
                }, 
                {
                    "type": "pic_weixin", 
                    "name": "微信相册发图", 
                    "key": "rselfmenu_1_2", 
                    "sub_button": [ ]
                }
            ]
        }, 
        {
            "name": "发送位置", 
            "type": "location_select", 
            "key": "rselfmenu_2_0"
        },
        {
           "type": "media_id", 
           "name": "图片", 
           "media_id": "MEDIA_ID1"
        }, 
        {
           "type": "view_limited", 
           "name": "图文消息", 
           "media_id": "MEDIA_ID2"
        }
    ]

Parameterbeschreibung

Benutzerdefinierte Benutzeroberfläche zur Menüerstellung

Zurück Ergebnisse

Das zurückgegebene JSON-Datenpaket sieht bei korrekter Eingabe wie folgt aus:

{"errcode":0,"errmsg":"ok"}

Das zurückgegebene JSON-Datenpaket bei fehlerhafter Eingabe sieht wie folgt aus (ein Beispiel ist ein ungültiger Menüname). Länge):

{"errcode":40018,"errmsg":"invalid button name size"}

[Verwandte Empfehlungen]

1. Besondere Empfehlung: "PHP-Programmierer-Toolbox" Download der Version V0.1

2. Quellcode der WeChat-Plattform herunterladen

3.

Quellcode des Alizi-Bestellsystems

Das obige ist der detaillierte Inhalt vonBenutzerdefinierte Benutzeroberfläche zur Menüerstellung. 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