微信小程序做页内跳转外部网络连接/<web-view>的使用(使用与企业小程序)

导读

需求: 在微信小程序中访问外部https网页,可做小程序中访问或者跳出到浏览器打开访问。
结果: 由于我做不了让小程序打开浏览器并访问指定的url,所以我做微信小程序页内访问指定的URL。
条件:

  • 1、需要企业小程序;
  • 2、url跳转必须是自己能操作的网站(拥有网站更改的权限)
  • 3、自己小程序的开发者/管理者(需要权限登录到微信小程序后台)
    效果:
    点击某个按钮触发点击事件;在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/这个是实际上可以访问到域名,也就是我们指定微信跳转的网站。如果没有配置微信小程序后台的业务域名就会访问失败,像下面这个样子:
在这里插入图片描述


已完成,跳转效果如最上面的效果一样。希望我能帮到您!

  • 2
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值