简单的开发示例
创建完小程序后,首先我们需要配置域名白名单,也就是嵌入网站所包含的资源的域名列表,配置位置: 【设置】-【开发设置】-【业务域名】
接下来就是在小程序页面里用 web-view
嵌入网页了,例如
<!--index.wxml-->
<view class="container">
<web-view
</view>
小程序与网页数据交互
<!-- html -->
<script type="text/javascript"
// javascript
wx.miniProgram.postMessage({ data: 'foo' })
wx.miniProgram.postMessage({ data: {foo: 'bar'} })
小程序中对应的是在 web-view
的 bindmessage
属性中绑定事件来接受消息
<!-- index.wxml -->
<web-view bindmessage="postdata"></web-view>
// index.js
postdata: function(e) {
console.log(e);
}