怎样把网站嵌入到微信小程序里面

小程序开发的时候 会遇到有些功能或者页面很难做到小程序页面里面，或者说要图简单，不想花那么多钱来开发小程序，那么可以有一个办法，利用web-view来调用网页显示就好了

一、 小程序打开网页的条件

1） 小程序基础库版本要大于 1.6.4，低版本的小程序需要做兼容处理

2） 网页内容只能在<web-view/>组件中显示，它会自动铺满整个小程序页面

3） 个人类型与海外类型的小程序暂不支持使用web-view组件打开网页

二、 小程序web-view组件打开网页示例代码

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

三、 web-view组件相关接口

web-view接口1

<web-view/>网页中可使用JSSDK 1.3.0提供的接口返回小程序页面。 支持的接口有：

示例代码：

<!-- html -->
<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'})

web-view接口2

<web-view/>网页中仅支持以下JSSDK接口有：

web-view接口3

用户分享时可获取当前<web-view/>的URL，即在onShareAppMessage回调中返回webViewUrl参数。 示例代码：

Page({
  onShareAppMessage(options) {
    console.log(options.webViewUrl)
  }
})

四、 小程序使用web-view打开网页需要注意的地方

1) 每个页面只能有一个<web-view/>
2) 在iOS中，若存在JSSDK接口调用无响应的情况，可在<web-view/>的src后面加个#wechat_redirect解决。