html5頁面嵌入到微信小程序


前提要求:H5網站域名必須開啟https,比如 https://m.18ka.net/,是https開頭,而不是http

一、登錄微信公眾平台,注冊一個小程序,不懂自行百度,獲取AppID(小程序ID)

 

 

 

二、微信開發者工具中創建小程序,填寫前面注冊小程序的AppID

 

 

 

三、修改app.json配置

打開app.json文件,pages項只保留 "pages/index/index" 這一行即可
window項的navigationBarTitleText填寫小程序名稱

 

 

四、打開/pages/index/index.wxml文件,將里面的代碼全部刪除,添加下面這一行代碼

<web-view src="https://m.18ka.net"></web-view>


代碼里的https://m.18ka.net,就是你H5網站的網址域名

五、測試
1、點擊詳情 → 本地設置 → 勾選【不校驗合法域名】來進行測試,如下圖:

 

 

 

2、小程序正式上線的話,需要在微信小程序管理中心中,把H5域名添加為業務域名,如下圖:

登錄微信公眾平台 → 開發管理 → 開發設置 → 服務器域名:

 

 

 

 




免責聲明!

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



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