抖音小程序H5跳转代码【微信小程序】web-view不支持打开非业务域名请重新配置

作者 : 紫咖啡 本文共878个字,预计阅读时间需要3分钟 发布时间: 2020-07-17 共504人阅读

默认标题_横版海报_2020-07-22-0.gif

小程序现在日渐成熟,功能也越来越强大,我们今天来一起看看小程序跳转H5页面的问题。
小程序组件中有一个web-view,是一个可以用来承载网页的容器,会自动铺满整个小程序页面。
注意:个人类型与海外类型的小程序暂不支持使用。
好的,我们直接上代码,然后再进行讲解。  

抖音小程序主体认证需要50元费用

 
wxml1:
<view class="tiaoH51">
钻石价 8 折

已有1人支付

ok,没有任何废代码,但是可能有的小伙伴有疑问了,为什么一个跳转需要两个页面的wxml呢?别着急,且听我娓娓道来~

1.首先,web-view组件的属性src,正如你说看到的,这个就是设置网页链接的,但是需要特别注意的是web-view的src必须配置https协议的链接;
2.其次,就是web-view组件只要配置了链接,它是铺满全屏且自动跳转的,所以这也就是为什么我这边需要先写一个navigator按钮,自主操作之后再让它跳转的原因;
3.最后,web-view跳转的接口域名,需要配置在小程序开发设置的业务域名列表中。

最近在一个项目中用到了小程序的新组建web-view,先来看看组件官方介绍,明显功能是承载html的网页
类似于Android的webview组件。
————————————————

钻石价 8 折

已有1人支付

在个人小程序后台配置好request域名,然后写到了我自己注册的测试环境中;
钻石价 8 折

已有1人支付


然后在小程序开发工具上面打开。一切正常,扫码真机调试

1. 本站所有资源来源于用户上传和网络,如有侵权请邮件联系站长!79581008@qq.com
2. 您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容资源!(除原创作品外)
3. 本站资源售价只是赞助,收取费用仅维持本站的日常运营所需!
4. 本站不保证所提供下载的资源的准确性、安全性和完整性,源码仅供下载学习之用!
5. 站点所有资源仅供学习交流使用,切勿用于商业或者非法用途,与本站无关,一切后果请用户自负!
多啦咪资源网 » 抖音小程序H5跳转代码【微信小程序】web-view不支持打开非业务域名请重新配置

常见问题FAQ

本站声明!
(1)、因源码的可复制性及原创源码维护不易,一旦下单,概不接受退款。 源码你买去做啥希望你自己清楚且了解,需要准备什么请在下单前联系我问清楚! (2)、(视频类)源码适用于原创视频分享等,(视频类)源码为视频系统框架,不涉及任何音频影像播放内容,购买前请遵守相关法律法规 一旦下单购买即认为你已了解相关法律法规,买家所经营的任何内容均与本站无关,请仔细阅读并对该内容清晰且了解后再下单! (3)、再次警告,(视频类)源码仅为开发学习交流使用,请勿用做其他违法用途! 请在法律允许的范围内使用源码程序。上传数据均是个人行为,与本站无关。请仔细、认真的看完下面的介绍再来咨询!
售后服务技术支持申明!
(注:非本站购买的资源,如淘宝倒卖,其他个人渠道倒卖不提供任何服务及技术支持!)本站购买的如需要提供技术支持前,请发送订单号及会员uid 核对信息后会一一解答!【本站唯一服务:qq79581008,加前请说明问题重点,否则无视!】
关于支付下载问题?
支付成功后请及时下载,如支付未跳转,或没反应,请刷新下浏览器或者清理缓存,要不换个浏览器,建议使用360安全浏览器,或者uc、qq都行
会员开通及支付说明!
由于浏览器兼容问题,建议先充值到余额后,再开通会员选择余额支付哦!如支付成功后开通失败请及时联系管理员!
免费下载或者VIP会员专享资源能否直接商用?
1.本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。(除原创作品外)若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP介绍。