為您的 Discuz!? 對接公眾版“氣泡圈”微信小程序

云諾 · 發表于 2024-4-8 17:07:23

本帖最后由云諾于 2024-4-8 21:00 編輯

【未開通Discuz!? 站點】
如果您還沒有開通 Discuz!? 站點，請點此開通：https://www.witframe.com/redirect/discuz?union=eSY7B

【已開通Discuz!? 站點】

1、開啟內存優化功能

打開Discuz!? 站點后臺，全局 > 性能優化 > 內存優化，開啟內存優化開關，啟用 Redis。

登錄/注冊后可看大圖

2、導入 RESTful 接口

打開Discuz!? 站點后臺，站長 >RESTful 接口>導入接口，選擇在線安裝方式，選中Discuz! Team點擊提交，提交成功后，將會在接口列表中看到接口內容。

登錄/注冊后可看大圖

登錄/注冊后可看大圖

3、創建接口應用

打開Discuz!? 站點后臺，站長 >RESTful 接口>應用列表，點擊添加按鈕，新建一個接口應用，即可獲得接口通信參數appid和secret。通時，需要確保設置權限列表內的接口都是可用狀態。

登錄/注冊后可看大圖

登錄/注冊后可看大圖

4、對接“氣泡圈”微信小程序

打開https://w.discuz.vip/ 后臺，擴展應用 >微信小程序 >接口參數，填寫步驟3中獲得的appid和secret，提交，并將狀態勾選為啟用。如果下方提示“接口獲取成功”則對接成功。

登錄/注冊后可看大圖

5、設置小程序碼圖標

打開https://w.discuz.vip/ 后臺，擴展應用 >微信小程序 >小程序碼，在此可以設置自己微信小程序碼中心logo圖標。

登錄/注冊后可看大圖

接下來，就可以掃碼體驗自己的微信小程序了，目前測試，新版QQ也可以直接打開。
如何設置首頁輪播圖與版塊導航，請參考步驟7、微信小程序首頁添加輪播圖與版塊導航

登錄/注冊后可看大圖

6、外部微信小程序跳轉方式

打開https://w.discuz.vip/ 后臺，擴展應用 >微信小程序 >小程序參數，可以看到“氣泡圈”微信小程序的AppID，和你的小程序首頁路徑，如果需要在其他小程序中設置“氣泡圈”站點的跳轉，可以通過這兩個參數實現。

登錄/注冊后可看大圖

代碼如下：

wx.navigateToMiniProgram({
appId: 'wx35b371637a825073',
path: 'pages/index?scene=24'
})

復制代碼

具體實現方式可以參考微信小程序開發文檔
https://developers.weixin.qq.com/miniprogram/dev/api/navigate/wx.navigateToMiniProgram.html

7、微信小程序首頁添加輪播圖與版塊導航

打開Discuz!? 站點后臺，門戶 > 模塊管理 > 數據調用，分別添加模塊標識為app_swiper和app_forums的數據調用。
app_swiper為首頁輪播圖模塊，數據來源設置為帖子相關，建議篩選帶圖帖子；
app_forums為首頁版塊導航模塊，數據來源為論壇版塊；
添加后，首頁即可顯示輪播圖與版塊導航了。