vue開發微信公衆号---測試号菜單生成 - 新聞資訊 - 雲南小程序開發|雲南軟件開發|雲南網站建設-昆明融晨信息技術有限公司

159-8711-8523

雲南網建設/小程序開發/軟件開發

知識

不(bù)管是(shì)網站,軟件還是(shì)小程序,都要(yào / yāo)直接或間接能爲(wéi / wèi)您産生價值,我們在(zài)追求其視覺表現的(de)同時(shí),更側重于(yú)功能的(de)便捷,營銷的(de)便利,運營的(de)高效,讓網站成爲(wéi / wèi)營銷工具,讓軟件能切實提升企業内部管理水平和(hé / huò)效率。優秀的(de)程序爲(wéi / wèi)後期升級提供便捷的(de)支持!

您當前位置>首頁 » 新聞資訊 » 公衆号相關 >

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)進行請求
在(zài)這(zhè)裏插入圖片描述

第二步:查詢菜單并且創建菜單

進入微信自定義菜單頁面
https://developers.weixin.qq.com/doc/offiaccount/Custom_Menus/Querying_Custom_Menus.html
拿到(dào)查詢接口
使用步驟1中獲取到(dào)的(de)access token進行獲取
在(zài)這(zhè)裏插入圖片描述
我這(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)
在(zài)這(zhè)裏插入圖片描述
在(zài)這(zhè)裏插入圖片描述

注意事項

1.創建的(de)菜單中url 是(shì)指的(de)完整的(de)路徑:即 域名 + vuerouter路徑
如:http://emergency.vip3gz.idcfengye.com/#/register
2.如果測試域名換了(le/liǎo),那麽菜單必須重新生成。
3.發布版的(de)菜單和(hé / huò)域名可以(yǐ)直接在(zài)微信公衆平台配置,無需擔心。

相關案例查看更多