微信小程序以内嵌网页(webview)

设置权限

要在小程序中访问外部网页，须要先设置容许访问的业务网站的域名。让咱们先登陆小程序平台管理后台页面，进入“设置” => "开发设置"，能够看到这边多出来了一块“业务域名”的设置区域：

 

 

点击“开始配置”按钮，弹出一个窗口，咱们能够在这个窗口中添加一个或多个你要在小程序中访问的域名。固然，不是全部的域名下的网页你的小程序均可以访问，只有那些你能够“掌控”的网站，你才能够访问！你须要在这个窗口里下载“校验文件”，并把这个校验文件上传到你的网站的根目录，供小程序平台进行验证，验证经过了才能成功添加域名。

 

 

使用web-view组件显示HTML页面

<web-view>组件的使用就比较简单了，相似HTML里面的<iframe>标签：

<web-view src="https://www.xxxxxxxxx.com/index.html" />

就这样，HTML页面就能够在小程序中显示了。

可是，和<iframe>能够嵌入到页面的任意部分不一样的是，小程序的这个<web-view>老是自动铺满整个页面，且每一个页面只能有一个<web-view>，它会覆盖其余组件。也就是说，没有办法实现小程序界面组件和<web-view>页面混排的状况，这点要注意。

在内嵌的HTML页面中跳转回小程序

若是要在已经经过<web-view>嵌入小程序的网页中，跳转到小程序中的其余页面(Page)，能够引入微信的一个JSSDK，使用它提供的方法来实现相关跳转功能。网页代码相似以下所示：

<!-- html代码中引入JS SDK -->
<script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.3.0.js"></script>

<script>
// 跳转到小程序的一个页面
wx.miniProgram.navigateTo({url: '/path/to/page'})
</script>

(不过很遗憾，仍是没有办法从一个网页中跳转到一个指定的小程序。哈哈，我也就瞎想一想~~)

总结

这一内嵌网页的功能，也算顺应了广大开发者的要求，解决了很大一部分开发者的痛点。在混合开发方面的加强，为小程序的功能开发提供了很多灵活性和便利性。