首頁  >  文章  >  微信小程式  >  自訂選單建立介面

自訂選單建立介面

Y2J
Y2J原創
2017-05-17 15:31:331406瀏覽

自訂選單能夠幫助公眾號豐富介面,讓使用者更能更快理解公眾號的功能。開啟自訂選單後,公眾號介面如圖所示:

自訂選單建立介面

請注意:

1、自訂選單最多包含3個一級選單,每個一級選單最多包含5個二級選單
2、一級選單最多4個漢字,二級選單最多7個漢字,多出來的部分將會以「...」取代。
3、建立自訂選單後,選單的刷新策略是,在使用者進入公眾號會話頁或公眾號profile頁時,如果發現上次拉取選單的請求在5分鐘以前,就會拉取一下選單,如果選單有更新,就會刷新客戶端的選單。測試時可以嘗試取消關注公眾帳號後再次關注,則可以看到創建後的效果。

自訂選單介面可實作多種型別按鈕,如下:

1、click:點擊推事件使用者點擊click類型按鈕後,微信伺服器會透過訊息介面推播訊息類型為event 的結構給開發者(參考訊息介面指南),並且帶上按鈕中開發者填寫的key值,開發者可以透過自訂的key值與使用者互動;

#2、view:跳轉URL使用者點擊view類型按鈕後,微信客戶端將會開啟開發者在按鈕中填寫的網頁URL,可與網頁授權取得使用者基本資訊介面結合,取得使用者基本資訊。

3、scancode_push:掃碼推事件使用者點擊按鈕後,微信用戶端將調起掃一掃工具,完成掃碼操作後顯示掃描結果(如果是URL,將進入URL),且會將掃碼的結果傳給開發者,開發者可以下發訊息。

4、scancode_waitmsg:掃碼推事件且彈出「訊息接收中」提示框使用者點擊按鈕後,微信用戶端將調起掃一掃工具,完成掃碼操作後,將掃碼的結果傳給開發者,同時收起掃一掃工具,然後彈出「訊息接收中」提示框,隨後可能會收到開發者下發的訊息。

5、pic_sysphoto:彈出系統拍照發圖用戶點擊按鈕後,微信用戶端將調起系統相機,完成拍照操作後,會將拍攝的照片傳送給開發者,並推播事件給開發者,同時收起系統相機,隨後可能會收到開發者發送的訊息。

6、pic_photo_or_album:彈出拍照或相簿發圖使用者點擊按鈕後,微信用戶端會彈出選擇器供使用者選擇「拍照」或「從手機相簿選擇」。用戶選擇後即走其他兩種流程。

7、pic_weixin:彈出微信相簿發圖器使用者點擊按鈕後,微信客戶端將調起微信相冊,完成選擇操作後,將選取的相片傳送給開發者的伺服器,並推播事件給開發者,同時收起相冊,隨後可能會收到開發者發出的訊息。

8、location_select:彈出地理位置選擇器使用者點擊按鈕後,微信用戶端將調起地理位置選擇工具,完成選擇操作後,將選擇的地理位置傳送給開發者的伺服器,同時收起位置選擇工具,隨後可能會收到開發者發出的訊息。

9、media_id:下發訊息(除文字訊息)用戶點擊media_id類型按鈕後,微信伺服器會將開發者填寫的永久素材id對應的素材下發給用戶,永久素材類型可以是圖片音訊影片、圖文訊息。請注意:永久素材id必須是「素材管理/新增永久素材」介面上傳後取得的合法id。

10、view_limited:跳轉圖文訊息URL使用者點擊view_limited類型按鈕後,微信用戶端會開啟開發者在按鈕中填入的永久素材id對應的圖文訊息URL ,永久素材類型只支援圖文訊息。請注意:永久素材id必須是「素材管理/新增永久素材」介面上傳後取得的合法id。

#

請注意,3到8的所有事件,僅支援微信iPhone5.4.1以上版本,和Android5.4以上版本的微信用戶,舊版微信用戶點擊後將沒有回應,開發者也不能正常接收到事件推送。 9和10,是專門給第三方平台旗下未微信認證(具體而言,是資質認證未通過)的訂閱號準備的事件類型,它們是沒有事件推送的,能力相對受限,其他類型的公眾號不必使用。

介面呼叫請求說明

http要求方式:POST(請使用https協定) api.weixin.qq.com/cgi-bin/menu/create?access_token=ACCESS_TOKEN

#click和view的請求範例

{
     "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"
            }]
       }]
 }

其他新增按鈕類型的請求範例

{
    "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"
        }
    ]

參數說明

自訂選單建立介面

回傳結果

正確時的回傳JSON封包如下:

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

錯誤時的回傳JSON封包如下(範例為無效選單名稱長度):

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

【相關推薦】

1. 特別推薦#:「php程式設計師工具箱」V0.1版本下載

2. 微信公眾號平台原始碼下載 

#3. 阿狸子訂單系統原始碼

#

以上是自訂選單建立介面的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn