網站轉APP,WordPress轉小程序，安卓蘋果微信百度支付寶抖音全平臺小程序

 2025年6月16日  28149  6 本文內容來自Github項目的Readme.md文件（網址：https://github.com/longmix/wordpress-to-app），由后臺的機器人定期負責采集最新的內容并自動更新此內容。網站轉APP和網站轉小程序對應的在線體驗網址為：https://yanyubao.tseo.cn/wa/wordpressdiy.html

  

Wordpress網站轉APP和小程序

本項目旨在將Wordpress網站轉成原生的APP和小程序項目，而不是簡單粗暴的H5套用。同時，集成了一些會員登錄和會員卡的功能，避免了與移動端瀏覽器相同的用戶體驗，極大提高了提高蘋果應用商店和微信小程序、百度智能小程序的審核通過率。

之前已經預報過，本項目即將合并到“通版商城V2”這個項目中，后續不會有大的版本更新了?！巴ò嫔坛荲2”提供強大的智能建站功能，管理后臺功能豐富，同樣支持APP和微信、支付寶、百度等小程序自動生成，將于近期上傳到github上，之前已經有一些人拿到了項目源代碼。

1 在線預覽

在線預覽

2 項目概況

2.1 項目主頁

項目的設置和使用說明發布在這里：需要注冊才能查看，使用手機號碼登錄即可。

https://yanyubao.tseo.cn/Supplier/WordpressMgr/index/setting_type/source_code.html
主頁鏡像：定期同步項目主頁內容，更新略有延遲

http://www.shbxpl.cn/2616.html

2.2 源代碼下載

直接下載壓縮包

https://yanyubao.tseo.cn/download/wordpress-plugin/yanyubao-wp-to-app.zip
最新的代碼發布在Github上，喜歡記得點個小星星！

https://github.com/longmix/wordpress-to-app
考慮到Github在國內訪問速度較慢，也可以通過國內的Gitee查看。

https://gitee.com/longmix/wordpress-to-app
因為是uniapp項目，所以也直接直接在uniapp網站上下載。

https://ext.dcloud.net.cn/plugin?id=1542

2.3 功能擴展：Wordpress企業211主題

產品介紹和客戶案例

http://www.shbxpl.cn/446.html
延譽寶企業211主題使用幫助

http://www.shbxpl.cn/qiye211themehelp

2.4 問題與交流

使用上的問題和疑問，請用微信掃碼查看其他開發者的提問和回復記錄，也可以在文章末尾寫留言。

3 常用路徑設置說明

如果你不會代碼開發，那么在后臺設置路徑和掛接這些路徑鏈接，即可以將你的WordPress網站組織成個性化的，功能豐富的小程序或者手機APP，APP完全符合蘋果應用商店（App Store）的上架要求。

設置路徑：SaaS云后臺>>智能建站>>網站轉APP和小程序>>基礎信息 【傳送門】

3.1 小程序內鏈接設置

主要跳轉鏈接：可直接掛在底部導航欄：
- 首頁 /pages/index/index
- 個人中心 /pages/index/usercenter
- 分類列表和標簽列表 /pages/index/topic
- 關于頁面 /pages/about/about
跳轉文章列表：支持以下參數：
- /pages/wordpress/list
  
  不帶任何參數，返回所有的文章列表，按照最后更新時間排序。
- /pages/wordpress/list?categorySlug=ebiz
  
  顯示分類別名為“ebiz”的文章列表，同時自動讀取分類的名稱和圖片。
- /pages/wordpress/list?categoryID=1234
  
  categoryID為分類ID，可以在Wordpress網站后臺找到。
- /pages/wordpress/list?search=延譽寶
  
  則按照關鍵詞“延譽寶”搜素指定的文章并形成列表，需要做URL編碼。
- /pages/wordpress/list?tag_id=167&tag_name=延譽寶
  
  顯示內容中包含標簽ID為167的文章列表，多個標簽ID用半角逗號分開；同時將標簽名稱顯示為“延譽寶”。
- /pages/wordpress/list?action=my_favorite
  
  顯示我的收藏。
- /pages/wordpress/list?action=my_like
  
  顯示我的點贊。

 可以（1）追加參數“categoryName=文章分類”指定顯示的文章分類名稱；（2）追加參數 “categorySrc=http開頭的圖片網址”指定文章列表上方顯示的頭部圖片。

其他重要路徑鏈接
跳轉文章詳情
- /pages/wordpress/detail?id=1234
  
  id為文章ID，可以在Wordpress網站后臺找到。
  
  可以直接參數參數one_article=1，不顯示相關的文章列表。
跳轉頁面詳情（新）
- /pages/wordpress/detail?id=1234&is_page=1&page_no_comment=1
  
  id為頁面ID，可以在Wordpress網站后臺找到。 is_page=1為必填參數，省略會按照文章查詢而得不到查詢結果。 page_no_comment為可選參數，如果設置了且值等于1，則頁面顯示評論列表和發表評論的功能。備注：如果在服務器后臺關閉了整個項目的評論功能，此參數（page_no_comment=1）也無法打開。
跳轉頁面詳情（舊）
- /pages/wordpress/page?id=1234
  
  id為頁面ID，可以在Wordpress網站后臺找到。
個人資料頁面（有退出登錄的按鈕）
- /pages/user/userinfo
  
  可以修改個人資料，也可以退出登錄
修改賬號和密碼
- /pages/user/usersetting?account=1
  
  可以從個人資料頁面跳轉過來，也可以直接掛接。
修改昵稱
- /pages/user/usersetting?nickname=1
  
  可以從個人資料頁面跳轉過來，也可以直接掛接。
修改手機號
- /pages/user/usersetting?mobile=1
  
  可以從個人資料頁面跳轉過來，也可以直接掛接。
“關于”頁面
- switchTab pages/about/about
  
  需要增加 switchTab，沒有其他特殊要求。
自定義頁面【設置選項】
- 入口01： /pages/welcome_page/welcome_page?scene=1234@4321@cms
  
  1234為CMS的文章ID，4321為推薦者的userid，可以設置為0，cms為平臺標志，支持cms和pic兩個值。
- 入口02： /pages/welcome_page/welcome_page?parentid=4321&data_url=https%3A%2F%2Fyanyubao.tseo.cn%2Fopenapi%2FTestData%2Fwelcome_data
  
  parentid為推薦者的userid，data_url為獲取的要顯示的內容。
萬能表單【設置選項】
- 支持對萬能表單和文章自定義屬性的掛接，點擊設置選型查看詳情。
- CMS萬能表單：/pages/publish/publish_write?form_type=2&token=abcdefg&formid=1234
  
  token為CMS控制臺的項目token，設置路徑為：系統設置 > 全局配置選項 >商城頭條token，【點擊這里設置】，formid為CMS控制臺的表單ID。

小工具和小游戲

簡約時鐘 /pages/tools/clock
計算器 /pages/tools/calculator
擲骰子 /pages/tools/dice
掃雷 /pages/tools/mine_clearing
拼圖 /pages/tools/puzzle （內測版）
涂鴉 /pages/tools/graffiti （微信小程序中正常，H5和APP中待驗證）

3.2 Tab頁面和非Tab頁面跳轉

如果頁面被tabBar包含，那么跳轉的時候，需要指定，具體格式為：

switchTab [pagepath]

用空格分開，switchTab跳轉的頁面，不能帶任何多余的參數，即不可以出現“?”及其后面的內容。

例如：跳轉到用戶中心的鏈接，可以設置為 switchTab /pages/index/usercenter

例如：跳轉到關于頁面的鏈接，可以設置為 switchTab pages/about/about
如果頁面沒有被tabBar包含，那么跳轉的時候，需要指定，具體格式為：

navigateTo [pagepath]

用空格分開，navigateTo跳轉的頁面，可以帶參數，參數放在“?”后面。

3.3 跳轉到H5頁面鏈接設置

跳轉到H5頁面，直接填寫https://開頭的網址，需要說明的是，對應的域名必須是在小程序登記的業務域名中，否則無法顯示頁面。

http鏈接中支持的變量有：%oneclicklogin%， %ensellerid%， %wxa_appid%， %wxa_openid%，具體說明如下：
- %oneclicklogin%一鍵登錄獲取用戶信息參數，
- %ensellerid%商戶編碼，
- %wxa_appid%小程序appid，
- %wxa_openid%微信公眾號粉絲openid。
可以跳轉到H5的具體的應用
- 跳轉到“我的余額” https://yanyubao.tseo.cn/User/agent_income.html?oneclicklogin=%oneclicklogin%
- 跳轉到“我的贈款” https://yanyubao.tseo.cn/User/my_balance_zengsong.html?oneclicklogin=%oneclicklogin%
- 跳轉到“我的積分” https://yanyubao.tseo.cn/User/score.html?oneclicklogin=%oneclicklogin%
嵌入H5網頁的時候，如果頁面內設置了頭部導航欄，會與小程序默認的導航欄重復，影響頁面美觀。

在延譽寶系統的H5頁面中，我們都做了自動判斷，如果被小程序中引用，會自動隱藏H5的導航欄；如果是在APP中引用延譽寶的H5，請在頁面網址中增加參數“hidden_nav_header_h5=1”以達到隱藏的目的。
跳轉H5網頁默認方式為“navigateTo”，即小程序的左上角會顯示返回的箭頭圖標；可以指定使用“redirectTo”跳轉，跳轉后左上角顯示的是小房子圖標，用于快速回到首頁。
- 對于H5頁面內需要反復跳轉的網頁應用，建議使用redirectTo跳轉，以避免用戶反復點擊返回鍵產生疑惑。
- 設置方式：在H5網頁的末尾添加“#redirectTo”。
  
  例如： https://app.tseo.cn/o2owaimai/Merchant/MerchantWap/index/ensellerid/pQNNmSkaq?refresh_token_value=%refresh_token%&synchronize_userid=1
- 支持“redirectTo”的跳轉設置為：
  
  https://app.tseo.cn/o2owaimai/Merchant/MerchantWap/index/ensellerid/pQNNmSkaq?refresh_token_value=%refresh_token%&synchronize_userid=1#redirectTo

3.4 跳轉到其他小程序鏈接設置

跳轉到其他小程序，使用填寫以下格式：
```
  miniprogram [url] [appid] [pagepath] [extraData]
```
用空格分開，具體的參數含義為：
- [url]替換為網址，[appid]替換為要跳轉的小程序，
- [pagepath]替換為小程序的路徑，可以包含參數，如 /pages/detail/detail?id=1577
- [extraData]為模板小程序應用級別的參數（App.onLaunch，App.onShow中獲?。?，如 {"sellerid":"abcdef","userid":"1234"}，內容中不能留空格，變量名稱和變量值必須用雙引號。
在APP中喚起微信小程序，設置相同，會識別APP環境，喚起微信并自動打開小程序和對應的頁面；需要將appid換成小程序賬號（gh_開頭的），同時extraData參數不會被使用。
百度小程序中的相互跳轉，設置相同，需要將appid換成百度智能小程序的app key，而不是填幾個數字的appid。
小程序官方平臺最新的升級，要求跳轉其他小程序需要先申明要跳轉的小程序ID，所以這里的appid，需要在發布小程序新版本的時候添加，登錄延譽寶CMS后的設置路徑為：（已經無此限制）
```
  項目設置 >>小程序版本控制
```
如果已經登錄，點擊這里設置。

3.5 撥打電話

如果需要撥打電話，請按照以下格式填寫：
```
tel:[phone_number]
```
- 舉例 “tel:13812345678”。

4 二次開發文檔

如果你會簡單的代碼開發，最好了解一點微信小程序的開發工具，那么，接下來的文檔完全可以簡單讀懂。

4.1 源代碼：自定義開發和重新編譯

源代碼的編譯和二次開發，在uniapp環境操作，具體的步驟如下：

下載項目源代碼：

通過uniapp網站或github或延譽服務器下載，建議通過github下載最新版本的源代碼。

在HBuilder X中打開項目。
修改配置：

【必改】打開項目根目錄下的 abot_data.js，如下圖所示：
- 修改 default_sellerid 為自己的延譽寶商戶編號；
- 修改xiaochengxu_appid為自己的小程序appid；
- 修改current_platform為當前要發布的平臺名稱，可以設置的值有： app， h5， mp-weixin， mp-alipay， mp-baidu。

源代碼修改