微信小程序嵌套網頁

如今小程序的功能愈來愈強大，能夠將網頁嵌套到小程序了，這對開發者來講是很值得高興的一件事情，下面具體說下操做步驟

---

1.配置業務域名

1. 首先設置權限，要在小程序中訪問外部的網頁，須要先設置容許訪問的業務網站的域名，登陸小程序平臺管理後臺頁面，進入「設置」->開發設置
2. 下載校驗文件，將文件放到域名的根目錄下，好比：www.wxaaa.com，而後將要訪問的域名，添加到設置，進行保存

2.使用web-view組件引入頁面

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

注：小程序的這個<web-view>老是自動鋪滿整個頁面，每一個頁面只能有一個<web-view>，它會覆蓋其它的組件。而<iframe>能夠嵌套入到頁面的任意部分

以上爲小程序嵌套網頁，那若是網頁中又想跳轉到小程序頁面該怎麼辦呢？

能夠引入微信的一個jssdk，使用它提供的方法來實現。<web-view>網頁中可以使用JSSDK 1.3.2提供的接口返回小程序頁面。 支持的接口有：

wx.miniProgram.navigateTo 參數與小程序接口一致 1.6.4
wx.miniProgram.navigateBack 參數與小程序接口一致 1.6.4
wx.miniProgram.switchTab 參數與小程序接口一致 1.6.5
wx.miniProgram.reLaunch 參數與小程序接口一致 1.6.5
wx.miniProgram.redirectTo 參數與小程序接口一致 1.6.5
wx.miniProgram.postMessage 向小程序發送消息 1.7.1
wx.miniProgram.getEnv 獲取當前環境 1.7.1

具體作法：

<!-- 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: '/pages/login/'})
</script>