微信小程序做页内跳转外部网络连接/<web-view>的使用(使用与企业小程序)_小程序webview跳转外部域名_zzuli_huahua
在微信小程序中访问外部https网页,可做小程序中访问或者跳出到浏览器打开访问。...
导读
需求: 在微信小程序中访问外部https网页,可做小程序中访问或者跳出到浏览器打开访问。
结果: 由于我做不了让小程序打开浏览器并访问指定的url,所以我做微信小程序页内访问指定的URL。
条件:
效果:
点击某个按钮触发点击事件;在js中调用wx.navigateTo()方法进行页面跳转,在跳转页面里面打开您指定的url

在微信小程序后台配置业务域名
登录到微信小程序后台,在开发者设置下面找到业务域名进行添加
添加域名后,下载校验文件,放到网站根目录下,最后点击保存即可。
注意:如果没有把校验文件放到网站根目录下会提示保存失败的。
代码层面
js中调用跳转方法
ToWebURL(url){
wx.navigateTo({
url: pages/webView/index,//要跳转的页面(需要新建立一个page页面)
success: ()=> {}
},
新建一个page页面 ,路径:page/webView/index
wxml中如下:
<!--pages/webView/index.wxml-->
<web-view src="https://wwww.XXXXX.com/" bindload="bindload" binderror="binderror"></web-view>
解释:https://wwww.XXXXX.com/这个是实际上可以访问到域名,也就是我们指定微信跳转的网站。如果没有配置微信小程序后台的业务域名就会访问失败,像下面这个样子:
已完成,跳转效果如最上面的效果一样。希望我能帮到您!
相关文章
- Rust的所有权与可变性_野漫横江
- rust腐蚀开服配置要求_PAINzw_腐蚀配置
- Python居然开始抄作业了,这次抄的是Rust_Python作业辅导员 - 天元浪子
- 懵了?一夜之间,Rust 审核团队突然集体辞职_m0_50065287
- 开发者体验:如何更好的呈现错误?_Phodal's zenthink
- 【Rust日报】2022-01-12 Web浏览器安全分析_Rust语言学习交流
- 【Rust日报】2021-11-14 一个开源的基于Rust和Flutter的Notion替代产品_Rust语言学习交流
- 用 WasmEdge 在 WebAssembly 中运行 JavaScript_serverless 技术社区
- Clion安装Rust开发环境_西京刀客_clion rust
- android_rust分析_BroSheng
- 一万个bug??安装阿里云SDK核心库遇到的问题(涉及Rust、cryptography、openssl等的安装)_baibai_bjt
- 编译rust for linux内核源码(5.16.0-rc3)_yg@hunter
- 智能合约语言(eDSL)?? 合约形式_The future is already here it's just not evenly distributed。
- flutter空安全适配_haoxuhong_flutter空安全
- Python、JavaScript和Rust的Web性能比较 - Alex_Python_xiaowu
- 如何看待WASM这么技术语言呢?_lisheng0947