最近要做一個項目需要在小程序中打開外鏈，小程序最近開放了web-view組件， 可在里面內嵌自己寫的H5頁面，也就實現了打開外鏈的功能，但是有幾個注意點。 這里記錄一下，希望將來小程序能放開更多限制。

申請業務域名

首先必須在小程序后臺配置業務域名，并且是已經備案過的。

微信授權登錄

當需要微信授權登錄的H5頁面直接通過小程序webview訪問時，會報錯。

解決方案：

對瀏覽器進行判斷，如果是小程序webview（官方判斷條件： window.__wxjs_environment === 'miniprogram' ）就跳過授權登錄。 這樣就規避了訪問非授權業務域名問題。

打開網頁條件

1. 小程序基礎庫版本要大于 1.6.4，低版本的小程序需要做兼容處理
2. 網頁內容只能在 組件中顯示，它會自動鋪滿整個小程序頁面
3. 個人類型與海外類型的小程序暫不支持使用web-view組件打開網頁

示例代碼

<!– wxml –>
<!– 指向微信公眾平臺首頁的web-view –>
<web-view src=”https://mp.weixin.qq.com/”>web-view>

web-view組件接口

網頁中可使用JSSDK 1.3.0提供的接口返回小程序頁面，支持的接口有：

<script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.3.0.js">script>

// javascript
wx.miniProgram.navigateTo({url: '/path/to/page'})