Wordpress對接小程序配置過程


最近發現一個很棒的開源項目-WordPress版微信小程序  https://github.com/iamxjb/winxin-app-watch-life.net,詳細看了下介紹非常棒,不僅支持的功能多且完善,更是開源版(作者也提供功能更多的付費版)。更多關於小程序的功能介紹可以看官網:守望軒

題外話:現在小程序在微信生態內,獲取流量相對容易些,而且累計獨立用戶達到1000 就可以開通流量主功能,本着學習的心態去試試真得勁,哈哈哈;

准備工作:

  1. 前提具有WordPress站點且最好是4.7以上版本,因為需要rest json api
  2. 首先你需要先花一兩天的時間去學習下小程序,來來來,地址在這   https://dwz.cn/xsXXfmHr (網址有效期一年)
  3. 網站需要開啟HTTPS,微信小程序強制要求的 (不會的話留言后續再寫個相關教程)
  4. 網站先備份下,防止有什么騷操作導致不必要的損失那就倒霉了,可以使用雲端的鏡像或快照備份
  5. 下載資源,文末我已經打包,方便下載

安裝rest-api-to-miniprogram

安裝后進入配置頁面,配置好你的AppID和AppSecret(可去小程序后台-開發模塊獲取),如下:

配置小程序服務域名和業務域名

如何找到文章id?

打開wordpress后台-文章-所有文章-鼠標放到標題上(不用點擊),左下角會出現鏈接

 

如何給小程序專題模塊添加自定義封面圖?

wordpress后台 => 分類目錄 =>選擇一個分類進行編輯里面有微信小程序封面直接放進去鏈接即可

設置完成后,小程序“專題”頁就有合適的封面了

修改小程序源碼
配置好如上內容,打開微信小程序開發工具,找到項目  utils 文件夾下的 config.js 文件,進行合適的配置即可

 

這個時候你就可以看到效果了;其他內容可以自己鼓搗着玩了

官網地址:微幕小程序

資源地址: WordPress小程序


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM