這是Jerry 2020年的第86篇文章，也是汪子熙公眾號總共第268篇原創文章。

2020年即將到達尾聲了。

Jerry所在團隊的產品經理，已經開始讓大家把圣誕節期間的休假情況，維護在公司wiki里，以便安排假期值班人員：

Jerry借這篇文章的機會，提前祝各位粉絲圣誕快樂。

今天抽點時間，繼續填前些日子挖的一個坑。

本系列的英文版Jerry寫作于2017年，這個教程總共包含十篇文章，發表在SAP社區上。

系列目錄

(1)?微信開發環境的搭建

(2)?如何通過微信公眾號消費API

(3)?微信用戶關注公眾號之后，自動在SAP C4C系統創建客戶主數據

(4)?如何將SAP C4C主數據變化推送給微信公眾號

(5) 如何將SAP UI5應用嵌入到微信公眾號菜單中(本文)

(6) 如何通過OAuth2獲取微信用戶信息并顯示在SAP UI5應用中

(7) 使用Redis存儲微信用戶和公眾號的對話記錄

(8) 微信公眾號的地圖集成

(9) 如何將微信用戶發送到微信公眾號的消息保存到SAP C4C系統

(10) 如何在SAP C4C系統直接回復消息給微信公眾號的訂閱者

---

最近有不少朋友在微信上向我咨詢SAP系統和微信公眾號集成的問題，因此我把當時寫的英文版翻譯成中文，重新發布在我的公眾號上。

需要注意的是，時隔三年，微信公眾號的開發流程可能有所變化，請大家自行鑒別。和微信公眾號集成的系統，我三年前選擇的是SAP Cloud for Customer.

本文的內容很簡單，用一句話就能概括：利用微信公眾號的菜單項，啟動一個SAP UI5應用，并運行在微信的內嵌瀏覽器里。

如下圖“Jerry List”菜單項所示：

我們提前把SAP UI5應用部署在云平臺上，得到該應用的url，然后直接將url綁定到“Jerry List”這個公眾號菜單即可。最后，點擊公眾號菜單后，這個SAP UI5應用在微信瀏覽器里打開的效果如下：

下面是實現細節。

使用微信開發文檔里提到的公眾號菜單創建API，創建一個新的名為Jerry List的菜單，url字段指定成部署到云平臺上的SAP UI5應用的url:

url: https://api.weixin.qq.com/cgi-bin/menu/create?access_token=4_otQpSMfcwvmcL-T-DovhnozCAYCpy6wiKU3t4LUeZcQOF_i85a9NbpKpx7seLyEeHlrxl1rtlztL0miJthojqlqHqJArx7sm5OUdnsAupPpUwGr2EWljdJrLlrAVDNcADACKU

Access Token使用如下的API調用，通過app id和app secret換取：

https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=&secret=.

將SAP UI5應用部署到云平臺上，得到url：

http://wechatjerry.herokuapp.com/ui5/

確保該url直接在瀏覽器里訪問能夠正常工作：

上面這個UI5應用的完整源代碼，可以在我的Github上找到。

這個nodejs應用，調用第6行的app.use方法，將webapp文件夾下的SAP UI5應用，通過/ui5暴露給用戶。

本系列下一篇即第六篇文章，Jerry會介紹如何通過OAuth 2協議，在SAP UI5應用里獲取微信用戶信息并顯示。感謝閱讀。

系列目錄

(1)?微信開發環境的搭建

(2)?如何通過微信公眾號消費API

(3)?微信用戶關注公眾號之后，自動在SAP C4C系統創建客戶主數據

(4)?如何將SAP C4C主數據變化推送給微信公眾號

(5) 如何將SAP UI5應用嵌入到微信公眾號菜單中(本文)

(6) 如何通過OAuth2獲取微信用戶信息并顯示在SAP UI5應用中

(7) 使用Redis存儲微信用戶和公眾號的對話記錄

(8) 微信公眾號的地圖集成

(9) 如何將微信用戶發送到微信公眾號的消息保存到SAP C4C系統

(10) 如何在SAP C4C系統直接回復消息給微信公眾號的訂閱者

更多Jerry的原創文章，盡在：“汪子熙”:

總結

以上是生活随笔為你收集整理的SAP系统和微信集成的系列教程之五：如何将SAP UI5应用嵌入到微信公众号菜单中的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。