1）微信公眾平臺，登錄小程序賬號

2）左側-設置-開發設置-業務域名-配置

3）小程序管理員微信掃碼
 

4）填寫小程序業務域名，域名需ICP備案
 

5）下載校檢文件上傳至服務器指定目錄，保存

6）小程序業務域名配置完成

7）打開微信開發者工具，添加小程序項目





進入開發畫面

我們修改當前的index畫面

將其他代碼都刪除

在容器中,添加一個web-view

給這個web-view添加src屬性

這里添加一篇百度經驗的地址

完成的web-view代碼如下

<web-view src="https://jingyan.baidu.com/article/0a52e3f4f60facbf63ed7269.html">

</web-view>

1）業務域名需ICP備案，新域名備案24小時后即可配置，域名不支持IP地址及端口號

2）下載校檢文件，上傳至服務器指定根目錄

3）開發者工具最新版-基礎庫版本1.6.4


觀看此功能視頻教程請點擊：https://www.zhihu.com/question/67564075/answer/258773999

參考圖文教程：https://jingyan.baidu.com/article/3f16e0032402b42591c103bd.html

微信小程序源碼可以使用官方的demo修改：https://developers.weixin.qq.com/miniprogram/dev/demo.html

也可以使用 WebchatShare項目 該項目是帶分享頁面功能的 并且可以跳轉網頁分享的頁面

需要修改一下頁面配置 這個主頁進入是歡迎頁
  http://www.www.kxlw.net/jzzs/685.html

另外還可以直接使用狐靈科技這邊打包好的 這是對于不想研究的 直接使用的
可以看這篇地址的文末有下載地址
http://www.www.kxlw.net/hulianwang/688.html
 

另外總結一下使用web-view的心得


1、內嵌網頁的域名需要在小程序管理后臺設置為業務域名，也就是需要先加入白名單 
一個小程序最多可以添加 20 個業務域名，且一年只可修改 50 次業務域名。 

2、內嵌的網頁用起來跟微信內打開體驗差不多，下拉也會顯示“網頁由 XX 域名提供” 

3、內嵌的網頁可以播放視頻，但是視頻必須是在白名單域名內的 
我測試把視頻放在七牛，就無法播放，一直在加載中。 

3、內嵌的網頁可以嵌入 iframe，而且 iframe 打開的頁面可以不在白名單內 
iframe 我試了百度首頁，淘寶寶貝詳情頁，我自己的另一個不在白名單域名下頁面，都能夠打開。 
這應該是 bug 而不是 feature。 

4、內嵌網頁想與小程序通信，只能通過 JSSDK，但是目前只開放了部分接口，具體看開發文檔 
也就是如果你之前基于微信服務號授權做的頁面，就沒辦法直接在小程序內嵌網頁使用了，因為沒辦法授權。 

5、但是，如果已經微信打開并且授權過的頁面，在小程序打開也是登錄狀態 
也就是說，微信內置瀏覽器和小程序內置瀏覽器其實是同一個實例，至少都共享 cookie 了 
我剛才特意測試過，一開始用小程序內嵌網頁打開一個需要服務號授權的頁面，結果一片空白，然后退出小程序，用微信打開頁面，授權之后，再打開小程序，就是已授權狀態了