微信新菜單類型 article_id 設置教程

  前不久, Senparc.Weixin SDK 跟隨微信更新的步伐,上線了新的素材管理接口,其中也涉及到了 article_id 類型的自定義菜單接口。

  本文將演示如何使用新的菜單類型。

  官方文檔傳送門://developers.weixin.qq.com/doc/offiaccount/Custom_Menus/Creating_Custom-Defined_Menu.html

 

方法一:直接擼代碼

  在原有菜單設置代碼的基礎上(見:《自定義菜單接口說明》),將對應菜單的類型設置為 SingleArticleIdButton 或 SingleArticleViewLimitedButton 即可:

 

 1 ButtonGroup bg = new ButtonGroup();
 2 
 3 //二級菜單
 4 var subButton = new SubButton()
 5 {
 6     name = "二級菜單"
 7 };
 8 bg.button.Add(subButton);
 9 
10 subButton.sub_button.Add(new SingleArticleIdButton()
11 {
12     name = "article_id 按鈕",
13     article_id = "YourArticleId"
14 });
15 
16 subButton.sub_button.Add(new SingleArticleViewLimitedButton()
17 {
18     name = "article_view_limited 按鈕",
19     article_id = "YourArticleId"
20 });
21 
22 var result = CommonApi.CreateMenu(_appId, bg);

 

   其他使用方法和普通按鈕一致。

  注意:article_id 即素材永久id。

 

方法二:UI 界面操作

  為了方便大家快速使用和體驗 article_id 菜單按鈕,Senparc.Weixin SDK 的 Sample 也已經更新了相應的 UI 操作界面。步驟如下:

 

1、 打開在線地址://sdk.weixin.senparc.com/

  當然您也可以使用源碼在本地運行:

  //github.com/JeffreySu/WeiXinMPSDK/tree/master/Samples/All/net6-mvc

 

2、 點擊頂部菜單【工具箱】>【自定義菜單設置】

 

 

3、 點擊頁面下方按鈕,展開可視化編輯區域:

   

  展開後:

 

 

 4、 填寫AppId/Secret或直接使用AccessToken(注意添加IP白名單),點擊對應按鈕:

 

 

5、 選中需要設置的單元格,在右側菜單類型中,選擇【article_id】或【article_view_limited】,然後填寫 ArticleId參數:

 

 

  設置完成後,點擊【更新到服務器】,即可在手機端查看公眾號菜單的變化。

 

   更多 Senparc.Weixin SDK 開發教程請參考:《Senparc.Weixin SDK 微信公眾號 .NET 開發教程 索引》,感謝大家的關注,歡迎一起加入開源社區!

Senparc.Weixin SDK 微信公眾號 .NET 開發教程 索引