nodejs中怎么自定義菜單

今天就跟大家聊聊有關nodejs中怎么自定義菜單，可能很多人都不太了解，為了讓大家更加了解，小編給大家總結了以下內容，希望大家根據這篇文章可以有所收獲。

1. 自定義菜單的介紹

自定義菜單能夠幫助公眾號豐富界面，讓用戶更好更快地理解公眾號的功能。關于自定義菜單需要掌握以下幾點內容：

1. 自定義菜單最多包括3個一級菜單，每個一級菜單最多包含5個二級菜單。

2. 一級菜單最多4個漢字，二級菜單最多7個漢字，多出來的部分將會以“...”代替。

3. 創建自定義菜單后，由于微信客戶端緩存，需要24小時微信客戶端才會展現出來。測試時可以嘗試取消關注公眾賬號后再次關注，則可以看到創建后的效果。

更多信息查看官方文檔：自定義菜單創建接口

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);
      });
    });
  });
}

看完上述內容，你們對nodejs中怎么自定義菜單有進一步的了解嗎？如果還想了解更多知識或者相關內容，請關注億速云行業資訊頻道，感謝大家的支持。