1、微信小程序中，H5项目的入口链接是通过web-view标签承载的。
<view>
<web-view src="{{url}}" >web-view>
view>2、从VUE H5项目跳转到小程序不需要web-view作为托管容器。 使用wx.，创建一个容器。 （回滚可能有问题）
小程序模板文件：该小程序页面对应的模板内容为空。
JS内容大致如下
wx.downloadFile({
url: newUrl,
success(res) {
if (res.statusCode === 200) {
const filePath = res.tempFilePath
wx.openDocument({
filePath: filePath,
fileType: "pdf",
success: function (res) {
console.log('success')
_this.setData({
pdfUrl: ''
});
},
fail: function (res) {
wx.showToast({
title: res.errMsg,
icon: 'none',
duration: 3000
});
}
})
}
}
})
小程序-web-view的简单思考与实践
微信小程序组件web-view上线一年多了。 该组件的推出可以说是微信小程序发展过程中的一件重要事件。 它让微信小程序不仅仅局限于微信圈子，而且打开了一个口子。 开口可能还比较小，但未来有无限可能。
简单的思维
1、开放通过web-view嵌入网页的功能，给微信小程序的开发带来无限可能。 有好有坏，但优点大于缺点。 好处是让微信更加开放。 无论是混合模式还是纯H5，未来都会有更多的机会在微信这个大舞台上表现。 缺点可能是也打开了漏洞之门，而且会出现更多鱼龙混杂的情况，这对微信生态来说是一个挑战。
2、这个洞一旦打开，就不太可能再闭合了，只能越开越大。 按照微信的节奏，微信应该有足够的信心开放这个功能。 一切尽在微信掌控之中。
3、大量基于h5的网站或应用将被“小程序化”，微信这个“大”浏览器将成为移动互联网海量流量的入口。 微信搜索会成为移动搜索绝对第一搜索吗？
4、对前端工程师职业影响巨大，降低小程序开发成本，让前端工程师更加关注网页的架构，减轻微信小程序整体开发压力。
5.让热部署和热更新更简单。 原本调整小程序的风格和布局需要重新审核和发布，耗时较长。 通过web-view，基于它开发的页面的外观、布局和数据都可以随时改变。
简单练习
1、对于web-view嵌入的域名，在小程序管理后台设置业务域名。 注意是业务域名，不是服务器域名。 另外，个人小程序目前没有此设置，因此无法使用此功能。
2. 一个页面（wml）上只能放置一个web-view，它会覆盖其他组件并填满屏幕。 这时候你就可以把微信小程序想象成一个浏览器。
3、web-view打开的页面必须支持https。
4、目前支持的jssdk接口比较少。 仅支持“图片界面”、“音频界面”、“智能界面”、“设备信息”、“地理位置”、“摇一摇”、“微信扫一扫”、“微信优惠券”、“长按识别”等由于获取用户信息，微信支付等将无法进行。 我估计以后会慢慢放开，逐渐达到微信公众号开放的程度。
5、支持。 起初不需要域名白名单（企业域名）。 后来，为了防止滥用，这个漏洞被堵住了。 如果您的页面上有内容，请注意。 如果你使用苹果版微信，用web-veiw打开会报错（部分安卓设备偶尔会报错，原因不明），因为会出现一个虚拟的，域名自然就不会了在你的企业域名中，会报错。
6、如果你的网站做了302跳转，重定向的域名也必须设置在企业域名中。 别以为吃鸡贼就能避开这个配置。
7、通过嵌入网页的功能，可以实现站点内链接的跳转。 当然，不是小程序页面的跳转，而是小程序中网页的打开。 虽然感觉有点别扭，但总算弥补了不能跳的麻烦。 对于小型信息程序来说，这是一个非常好的功能。
8、通过传入.url参数可以解决共享web-view页面的加载问题，但由于微信小程序在分享转发时，会对url的特殊字符进行十六进制编码，所以需要对.url进行解码。 编码，所以需要解码才能正常加载小程序的web-view页面。
9、web-view页面有时会因未知原因无法触发方法。 如果非Web视图页面和Web视图小程序同时存在，且非Web视图页面跳转到Web视图页面，转发Web视图时无法触发该方法查看页面。 如果非Web视图页面和Web视图小程序同时存在，且非Web视图页面跳转到Web视图页面，转发Web视图时无法触发该方法查看页面。
10、Web-veiw页面无法使用“打开调试”功能。 如果需要查看调试，需要返回到之前不使用web-view的页面。
11、web-view内嵌网页中如果存在白名单之外的域名链接，点击后会报错。
12、Web-view不支持微信支付，但是Web-View嵌入的页面使用了公众号授权的微信支付，嵌入的页面可以使用微信支付。也就是说，如果你使用Web-View嵌入公众号的h5页面，可以使用JSSDK使用微信支付
