申請(qǐng)測(cè)試賬號(hào)
申請(qǐng)測(cè)試賬號(hào)
申請(qǐng)Token
image.png
接口測(cè)試
打開(kāi)在線測(cè)試工具
https://mp.weixin.qq.com/debug
image.png
參考官方自定義菜單文檔
https://developers.weixin.qq.com/doc/offiaccount/Custom_Menus/Creating_Custom-Defined_Menu.html
輸入剛才獲取的token和這段官網(wǎng)提供的json,并刪除紅框所圈出的代碼
如果不刪除,會(huì)報(bào)錯(cuò)no permission to use weapp in menu rid: 665082名党,類(lèi)似于沒(méi)權(quán)限綁定該小程序
image.png
刪除后的代碼如下:
···json
{
"button": [
{
"type": "click",
"name": "今日歌曲",
"key": "V1001_TODAY_MUSIC"
},
{
"name": "菜單",
"sub_button": [
{
"type": "view",
"name": "搜索",
"url": "http://www.soso.com/"
},
{
"type": "click",
"name": "贊一下我們",
"key": "V1001_GOOD"
}
]
}
]
}
![image.png](https://upload-images.jianshu.io/upload_images/21614178-441179ec2a05724c.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
# 檢查問(wèn)題
上面的兩個(gè)編輯框填寫(xiě)完成之后债鸡,點(diǎn)擊檢查問(wèn)題按鈕
服務(wù)器將返回成功的狀態(tài)信息(`Request successful`以及`{"errcode":0,"errmsg":"ok"}`):
![image.png](https://upload-images.jianshu.io/upload_images/21614178-35c17e9246f0c541.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
*如果報(bào)錯(cuò),則根據(jù)官方文檔查錯(cuò)*
這樣,我們就完成了菜單的創(chuàng)建。
# 查看效果
https://mp.weixin.qq.com/debug/cgi-bin/sandboxinfo
掃描測(cè)試號(hào)申請(qǐng)成功的頁(yè)面下面生成的測(cè)試號(hào)二維碼,就可以看到自定義菜單效果了
![image.png](https://upload-images.jianshu.io/upload_images/21614178-453ea295e3e08790.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
*如果已經(jīng)關(guān)注了睹晒,他不會(huì)立即更新,可以取消后重新關(guān)注*
![image.png](https://upload-images.jianshu.io/upload_images/21614178-dabc1f455b4cb117.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
現(xiàn)在你可以點(diǎn)擊`搜索`這個(gè)子菜單, 它會(huì)自動(dòng)跳轉(zhuǎn)到搜狗搜索的主頁(yè)括细。
其他兩個(gè)菜單項(xiàng)需要服務(wù)器配合伪很,目前沒(méi)什么效果,下一篇博文有講解如何配置奋单。
# 校驗(yàn)菜單配置
使用在線測(cè)試接口的查詢(xún)選項(xiàng)锉试,然后檢查問(wèn)題,就可以查詢(xún)已經(jīng)保存的菜單配置了览濒。
![image.png](https://upload-images.jianshu.io/upload_images/21614178-148ec8a673252fd3.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
# 清空菜單配置
在線接口提供的另外一個(gè)接口就是刪除菜單了呆盖,可以隨心嘗試
![image.png](https://upload-images.jianshu.io/upload_images/21614178-159802cb2cb5fe2c.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)