上一篇文章:nodejs微信公眾號開發――5.素材管理接口,我們實現了新增臨時素材、管理永久素材的接口,這些接口的實現,使我們能夠推送多樣的消息給用戶。本節介紹的內容是關于自定義菜單
1. 自定義菜單的介紹
自定義菜單能夠幫助公眾號豐富界面,讓用戶更好更快地理解公眾號的功能。關于自定義菜單需要掌握以下幾點內容:
更多信息查看官方文檔:自定義菜單創建接口
2. 創建自定義菜單
2.1 首先羅列以下操作的請求地址:
var api = { ... menu:{ create:prefix+'/menu/create?', //access_token=ACCESS_TOKEN 創建菜單 get:prefix+'/menu/get?', //access_token=ACCESS_TOKE 獲取菜單,GET請求 delete:prefix+'/menu/delete?', //access_token=ACCESS_TOKEN 刪除菜單,GET請求 getInfo:prefix+'get_current_selfmenu_info?' //access_token=ACCESS_TOKEN 獲取自定義菜單配置接口 }}2.2 定義createMenu函數
Wechat.prototype.createMenu = function(menu){ var that = this; return new Promise(function(resolve,reject){ that.fetchAccessToken().then(function(data){ var url = api.menu.create + 'access_token=' + data.access_token; request({url:url,method:'POST',body:menu,json:true}).then(function(response){ var _data = response.body; if(_data.errcode === '0'){ resolve(); }else{ throw new Error('create menu failed!'); } }).catch(function(err){ reject(err); }); }); });}參數menu由外部業務層傳入。為了方便管理,將自定義菜單的內容單獨寫在一個menu.js文件中:
/* * 配置自定義菜單 */'use strict'module.exports = { 'button':[ { 'name':'最新', 'type':'click', 'key':'menu_click' }, { 'name':'類別', 'sub_button':[ { 'name':'科幻', 'type':'view', 'url':'music.163.com' }, { 'name':'懸疑', 'type':'scancode_push', 'key':'qr_scan' }, { 'name':'愛情', 'type':'scancode_waitmsg', 'key':'qr_scan_wait' }, { 'name':'教育', 'type':'pic_photo_or_album', 'key':'pic_photo_album' } ] }, { 'name':'地域', 'sub_button':[ { 'name':'大陸', 'type':'pic_weixin', 'key':'pic_weixin' }, { 'name':'歐美', 'type':'location_select', 'key':'location_select' } ] }]}里面的類型暫時隨意寫的。我們在業務層weixin.js里面實現自定義菜單的使用:
wechatApi.deleteMenu().then(function(){ return wechatApi.createMenu(menu);}).then(function(msg){ console.log(msg);});保險起見先把原有的菜單刪了,重新建立自己新的菜單。
2.3 定義deleteMenu函數
Wechat.prototype.deleteMenu = function(){ var that = this; return new Promise(function(resolve,reject){ that.fetchAccessToken().then(function(data){ var url = api.menu.delete + 'access_token=' + data.access_token; request({url:url,json:true}).then(function(response){ var _data = response.body; if(_data.errcode === '0'){ resolve(); }else{ throw new Error('delete menu failed!'); } }).catch(function(err){ reject(err); }); }); });}測試了一下,取關重新關注后微信測試號并沒有立即呈現自定義菜單,要等一段時間,略坑。
以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持武林網。
新聞熱點
疑難解答