vue開發微信公衆号---測試号菜單生成
發表時(shí)間:2020-10-15
發布人(rén):融晨科技
浏覽次數:52
在(zài)開發過程中,我們通常使用的(de)是(shì)微信開發者工具在(zài)PC電腦上(shàng)進行開發,然而(ér)這(zhè)上(shàng)面是(shì)沒有菜單這(zhè)一個(gè)内容的(de),因此我們需要(yào / yāo)通過微信公衆号的(de)菜單api對菜單進行生成操作。
https://developers.weixin.qq.com/doc/offiaccount/Custom_Menus/Creating_Custom-Defined_Menu.html
從官方文檔上(shàng)我們可以(yǐ)找到(dào)菜單生成,添加,删除,查詢以(yǐ)及個(gè)性化的(de)各種開放接口。根據自己的(de)需要(yào / yāo)進行修改。
第一步:通過測試号的(de)appID和(hé / huò)appsecret獲取aceess token
擁有測試号之(zhī)後就(jiù)可以(yǐ)拿到(dào)appID和(hé / huò)appsecret了(le/liǎo),這(zhè)兩個(gè)内容是(shì)用于(yú)獲取jsapi的(de)權限access token的(de)參數,參考:
https://developers.weixin.qq.com/doc/offiaccount/Basic_Information/Get_access_token.html
在(zài)這(zhè)個(gè)頁面中可以(yǐ)拿到(dào)調用的(de)接口,如下:
https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=APPID&secret=APPSECRET
然後在(zài)postman上(shàng)進行請求
第二步:查詢菜單并且創建菜單
進入微信自定義菜單頁面
https://developers.weixin.qq.com/doc/offiaccount/Custom_Menus/Querying_Custom_Menus.html
拿到(dào)查詢接口
使用步驟1中獲取到(dào)的(de)access token進行獲取
我這(zhè)裏已經創建過菜單了(le/liǎo),所以(yǐ)這(zhè)裏能夠查詢到(dào)菜單内容,如果是(shì)第一次創建菜單,則直接使用創建菜單的(de)接口即可。如下:
https://developers.weixin.qq.com/doc/offiaccount/Custom_Menus/Creating_Custom-Defined_Menu.html
自定義菜單中的(de)按鈕類型以(yǐ)及對應的(de)方式是(shì)最值得注意的(de),但文檔已經講的(de)比較清除了(le/liǎo),因此不(bù)做示例。
個(gè)性化菜單及其相關配置根據需求使用,屬于(yú)非必須項
如果需要(yào / yāo)更新主菜單,可以(yǐ)使用删除接口先删除菜單,然後在(zài)創建菜單即可。
默認菜單和(hé / huò)自定義菜單是(shì)有區别的(de)
注意事項
1.創建的(de)菜單中url 是(shì)指的(de)完整的(de)路徑:即 域名 + vuerouter路徑
如:http://emergency.vip3gz.idcfengye.com/#/register
2.如果測試域名換了(le/liǎo),那麽菜單必須重新生成。
3.發布版的(de)菜單和(hé / huò)域名可以(yǐ)直接在(zài)微信公衆平台配置,無需擔心。