【小程序】- web-view不支持打開非業務域名如何解決

前言:

小程序使用web-view時訪問h5頁面提示“不支持打開非業務域名,請重新配置”,不瞭解的即是大寫的問號,錯誤提示的也是很明確了,重新配置,那麼接下來我們就進行配置的操作;
在這裏插入圖片描述

內容:

1. 服務器域名

每個微信小程序需要事先設置通訊域名,小程序只可以跟指定的域名進行網絡通信。包括普通 HTTPS 請求(wx.request)、上傳文件(wx.uploadFile)、下載文件(wx.downloadFile) 和 WebSocket 通信(wx.connectSocket);

配置流程官網指引-》 官網配置流程

配置步驟

登錄微信公衆平臺-開發-開發設置-服務器域名

未配置的頁面如下:點擊“開始配置”-微信掃碼登錄-添加域名即可
在這裏插入圖片描述
已經配置過的頁面如下:點擊修改添加所需要的服務器域名即可
在這裏插入圖片描述

2. 業務域名

登錄微信公衆平臺-“開發”-“開發設置”-配置頁面域名配置-“開始配置”(此頁面與服務器域名第一次配置相似)
在這裏插入圖片描述

本地測試業務域名設置

如果我們只是在本地測試使用web view訪問網頁,那麼可以通過在開發工具中-右側“詳情”-點擊“本地設置”-勾選“不校驗合法域名、web-view(業務域名)、TLS版本以及HTTPS證書”,然後重新編譯項目可以成功訪問,具體操作如下圖所示:
在這裏插入圖片描述

3. 開發工具中查看

微信掃碼登錄-點擊“下載校驗文件”,將校驗文件放在要訪問的項目所部署的服務器根目錄下,放置成功即可添加業務域名;
在這裏插入圖片描述
配置成功後打開開發工具,點擊右側“詳情”-“本地設置”,可以看到我們在微信公衆平臺(也就是小程序的管理後臺)配置的服務器域名和業務域名,如下圖所示;
在這裏插入圖片描述

尾聲:

如果只是本地測試一下的話,也就沒有必要進行一系列的服務器域名配置、業務域名配置,可以通過本地設置勾選不校驗域名配置,當項目上線應用時,我們就需要進行配置了,以上自己操作過程的記錄;

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章