国产 无码 综合区,色欲AV无码国产永久播放,无码天堂亚洲国产AV,国产日韩欧美女同一区二区

微信小程序使用web-view,內嵌跳轉h5踩坑記!!

這篇具有很好參考價值的文章主要介紹了微信小程序使用web-view,內嵌跳轉h5踩坑記??!。希望對大家有所幫助。如果存在錯誤或未考慮完全的地方,請大家不吝賜教,您也可以點擊"舉報違法"按鈕提交疑問。

問題場景

由于業(yè)務需要在微信小程序內,嵌入外網(wǎng)h5到小程序,項目整體在開發(fā),調試完成都沒有任何問題,但是,在部署到測試環(huán)境之后,跳轉h5報如下錯誤:

微信小程序使用web-view,內嵌跳轉h5踩坑記??!

?

通過查閱官方文檔,以及各類技術文檔,報錯的原因是,沒有在微信公眾平臺配置業(yè)務域名和合法域名;具體操作步驟【開發(fā)者登錄小程序后臺mp.weixin.qq.com,選擇開發(fā)管理->開發(fā)設置】

微信小程序使用web-view,內嵌跳轉h5踩坑記!!

?想了解更多,可以參閱下面的文檔:https://developers.weixin.qq.com/miniprogram/dev/framework/ability/domain.htmlhttps://developers.weixin.qq.com/miniprogram/dev/framework/ability/domain.html

到這里可能大多數(shù)人會有這樣一個疑問,為什么開發(fā)環(huán)境是沒有問題的,在測試環(huán)境就會出現(xiàn)上面這個錯誤,原因是我們微信開發(fā)者工具勾選了如下配置(方便我們開發(fā))如圖:

微信小程序使用web-view,內嵌跳轉h5踩坑記!!

?接下來我們開始配置,request合法域名和業(yè)務域名:

注意:微信官方明確規(guī)定,目前小程序內嵌網(wǎng)頁能力暫不開放給個人類型帳號和小游戲帳號。所以配置域名操作必須是企業(yè)賬號或者企業(yè)微信并且是以管理員的身份才行。

?重點問題來了

當配置完合法域名(也就是你h5頁面的地址的域名https://xxx.xx.xx),在進行配置業(yè)務域名的時候,點擊保存之后總會報一下錯誤:

微信小程序使用web-view,內嵌跳轉h5踩坑記??!

?根據(jù)文檔提示的意思是需要在網(wǎng)站域名根目錄下添加校驗文件,于是乎就將官方提供的校驗文件部署到了域名根目錄下(例如,我們自己測試環(huán)境是www.aaa.bb.com,我們將官方校驗文件部署在了該域名根目錄下),并且能夠在瀏覽器以(https://www.aaa.bb.com/校驗文件名.txt)能夠訪問到(說明添加成功了),如圖:

微信小程序使用web-view,內嵌跳轉h5踩坑記!!

?但是我們再次點擊保存的時候還是報同樣的警告,這里需要注意,這個時候我們已經排除了官方提供會出現(xiàn)該問題的所有可能。

重點來了

當時已經窮途末路了,并且微信開發(fā)社區(qū)遇到類似的問題很多,而且沒有具體的解決辦法,一致認為是官方未回應這個問題。最后,我們反著想會不會是在跳轉的h5鏈接的域名根目錄下添加該校驗文件,結果這一試,還真是。

后面想了想官方要求這么做的目的應該就是為了小程序的安全性,在業(yè)務域名下添加唯一標識,跳轉的時候進行校驗。

總結

這個問題卡了我很久,官方文檔的意思其實就是需要在你配置的業(yè)務域名下根目錄下添加校驗文件,這樣小程序就判定為是安全和經過授權的域名。希望能夠幫到遇到同樣問題的小伙伴,有異議及時評論。文章來源地址http://www.zghlxwxcb.cn/news/detail-482829.html

到了這里,關于微信小程序使用web-view,內嵌跳轉h5踩坑記?。〉奈恼戮徒榻B完了。如果您還想了解更多內容,請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關文章,希望大家以后多多支持TOY模板網(wǎng)!

本文來自互聯(lián)網(wǎng)用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。如若轉載,請注明出處: 如若內容造成侵權/違法違規(guī)/事實不符,請點擊違法舉報進行投訴反饋,一經查實,立即刪除!

領支付寶紅包贊助服務器費用

相關文章

  • 使用web-view在微信小程序中顯示網(wǎng)頁

    使用web-view在微信小程序中顯示網(wǎng)頁

    比如要在小程序中顯示《用戶協(xié)議》《隱私政策》等網(wǎng)頁內容,可以直接用web-view顯示 如下代碼所示 打開的頁面標題顯示的是網(wǎng)頁的標題,也就是title標題/title標簽中的內容 最后,記得在小程序后臺開發(fā)管理中添加業(yè)務域名,把要訪問的網(wǎng)址添加到業(yè)務域名中,否則小程序發(fā)

    2024年02月15日
    瀏覽(31)
  • 微信小程序-web-View使用以及跟小程序的通信傳值

    簡單來說 就是小程序嵌套H5頁面 web-view 官網(wǎng)地址 不需要在這個頁面做修飾,H5頁面會自動鋪滿 bindmessage屬性用來綁定從H5傳值過的函數(shù); 注意:傳給H5的數(shù)據(jù)只能拼接在url后面 代碼如下(示例): 接收 h5 頁面?zhèn)鬟f過來的參數(shù) 代碼如下(示例): 向小程序發(fā)送消息,會在特定

    2024年02月11日
    瀏覽(29)
  • 微信小程序web-view使用說明,及鏈接打不開問題

    微信小程序web-view使用說明,及鏈接打不開問題

    ? ? ? ? ?開發(fā)微信小程序時,有時會需要在小程序內打開網(wǎng)頁鏈接,這時就需要用到 web-view 標簽。web-view 是小程序上用來承載網(wǎng)頁的容器,且每個頁面只能有一個 web-view,它會自動鋪滿整個頁面,并覆蓋其他組件。目前個人類型的小程序上不支持使用。 ????????在小程

    2024年02月09日
    瀏覽(23)
  • 微信小程序web-view跳轉

    微信小程序web-view跳轉

    h5項目中跳轉外部連接可使用的web-view標簽解決 官網(wǎng)連接:web-view | 微信開放文檔 1.添加事件 2.新頁面中的跳轉鏈接(一行即可,默認會會自動鋪滿整個小程序頁面) src就是路徑,寫需要跳轉的網(wǎng)頁地址即可! 3.配置路由,app.jason中 4.小程序后臺配置域名 開發(fā)管理=開發(fā)設置=業(yè)務域名中

    2024年02月11日
    瀏覽(21)
  • 微信小程序使用web-view跳轉網(wǎng)頁解決跳轉出現(xiàn)空白或者被攔截問題

    微信小程序使用web-view跳轉網(wǎng)頁解決跳轉出現(xiàn)空白或者被攔截問題

    首先,在小程序的頁面布局文件中添加web-view組件的引用 給大家先畫個草圖大家就明白了 具體操作可以私信我,我手把手教你解決

    2024年04月23日
    瀏覽(48)
  • 微信小程序實現(xiàn)支付寶支付——web-view實現(xiàn)

    微信小程序實現(xiàn)支付寶支付——web-view實現(xiàn)

    由于使用到的微信小程序需要實現(xiàn)支付功能,而微信支付的申請手續(xù)較為繁瑣,所以使用了支付寶支付,但是微信小程序正常情況不支持支付寶支付,所以我使用了web-view內嵌了支付寶的h5支付。 不會使用支付寶沙箱支付的同學可以看這篇文章Springboot支付寶沙箱支付 代碼如下

    2024年02月11日
    瀏覽(58)
  • uniapp微信小程序嵌入頁面web-view配置

    uniapp微信小程序嵌入頁面web-view配置

    uniapp開發(fā)微信小程序的時候, 有時候需要嵌入H5頁面 可以使用小程序自帶的? web-view ?組件相當于 HTML頁面中的 iframe ?1.配置業(yè)務域名 開發(fā)管理?---開發(fā)設置 ---業(yè)務域名? ?然后去配置你的業(yè)務域名就可以了 ? 2.頁面中使用 web-view 使用起來還是很方便的 uniapp提供屬性可以具體

    2024年02月11日
    瀏覽(22)
  • 微信小程序在web-view頁面增加一個按鈕

    需求: 在微信小程序中通過web-view打開H5頁面,需要小程序端在頁面中增加一個可以請求接口的按鈕 實現(xiàn)方法 通過在web-view中嵌套cover-view標簽來實現(xiàn)( 注意: cover-view只支持嵌套 cover-view、cover-image,可在 cover-view 中使用 button,但是本人在里面使用button標簽時,對button添加樣式無效

    2024年02月07日
    瀏覽(23)
  • 微信小程序組件、web-view、h5之間交互

    目錄結構 小程序 /pages/index/index.wxml /pages/index/index.js /pages/index/index.json 組件 /component/index-page/index.wxml /component/index-page/index.js /component/index-page/index.json web-view /pages/web/web.wxml /pages/web/web.js h5

    2023年04月16日
    瀏覽(21)
  • 微信小程序跳轉公眾號文章 web-view方式

    提示:文章寫完后,目錄可以自動生成,如何生成可參考右邊的幫助文檔 提示:這里可以添加本文要記錄的大概內容: 小程序和公眾號都必須時企業(yè)認證的 1.在小程序里面關聯(lián)相關的公眾號 2.在公眾號里面關聯(lián)相關的小程序 提示:以下是本篇文章正文內容,下面案例可供參

    2024年02月09日
    瀏覽(28)

覺得文章有用就打賞一下文章作者

支付寶掃一掃打賞

博客贊助

微信掃一掃打賞

請作者喝杯咖啡吧~博客贊助

支付寶掃一掃領取紅包,優(yōu)惠每天領

二維碼1

領取紅包

二維碼2

領紅包