微信小程序与内嵌web-view

在小程序内使用<web-view>组件,可以加载一个网页。

个人类型的小程序暂不支持使用。

如果打开页面后,页面想传送消息给小程序,可以在<web-view>组件上绑定一个事件,用于接收消息。

<web-view  bindmessage="handleMsg" src="http://www.example.com"></web-view>

然后将handleMsg在methods中实现即可。

handleMsg (e) {

console.log('开始处理从web页面传送过来的数据', e)

}

注意:网页向小程序 postMessage 时,会在特定时机(小程序后退、组件销毁、分享)触发并收到消息。e.detail = { data },data是多次 postMessage 的参数组成的数组

如果有需要,可以让页面中的script调用 wx.miniProgram.navigateBack 自动回退到小程序页面,然后小程序页面就能收到handleMsg 消息了。

小程序目前只支持以下几种接口

wx.miniProgram.navigateTo

wx.miniProgram.navigateBack

wx.miniProgram.switchTab

wx.miniProgram.reLaunch

wx.miniProgram.redirectTo

wx.miniProgram.postMessage

wx.miniProgram.getEnv

其他接口,虽然在jssdk文件中有,但是调用的时候,会出现 permission denied !!!

在H5中向小程序发送消息,可以在script中这样写。

wx.miniProgram.getEnv(function (res) {

console.log("开始向小程序传送数据", res);

if (res.miniprogram) {

// 如果当前是小程序环境

        wx.miniProgram.postMessage({

data: {

        name: 'zhangsan'

},

success:function () {

console.log("向小程序发送数据成功,开始回退到小程序");

wx.miniProgram.navigateBack({

delta:1

})

}

})

}

});

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 微信小程序是一种全新的连接用户与服务的方式,它可以在微信内被便捷地获取和传播,同时具有出色的使用体验。同时提供一系...
    衣咸阅读 20,756评论 0 5
  • 小程序 微信小程序是一种全新的连接用户与服务的方式,它可以在微信内被便捷地获取和传播,同时具有出色的使用体验。同时...
    极乐叔阅读 22,082评论 0 7
  • 微信小程序的 web-view 组件是一个可以用来承载网页的容器,会自动铺满整个小程序页面。 这对于基于 H5 开...
    Android征途阅读 14,605评论 1 16
  • 微信小程序在无论在功能、文档及相关支持方面,都是优于前面几种微信账号类型,它提供了很多原生程序才有的接口,使得我们...
    未央大佬阅读 2,322评论 0 12
  • 因新工作主要负责微信小程序这一块,最近的重心就移到这一块,该博客是对微信小程序整体的整理归纳以及标明一些细节点,初...
    majun00阅读 7,385评论 0 9