小程序与 H5 的交互
前言
最近又在写小程序，不过是基于原生写的；里面有很多内容是嵌入的H5端的页面。所以，就产生了以下需求：
一、H5引入微信jdk
想要在H5端使用部分小程序的API，必须引入相关的
jdk
// 在html根文件中
<script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>
JS-JDK说明文档
- 然后页面中就可以使用部分微信api了，如：
// switchTab方式 - 跳转到tab页面
wx.miniProgram.switchTab({
url: '/pages/index/index'
})
// navigateTo方式 - 跳转普通页面
wx.miniProgram.navigateTo({
url: '/pagesB/coupon/transfer'
})
- H5页面修改小程序页面顶部标题
// 小程序在嵌入h5端的页面是，可以将顶部title传到H5端显示；但有时候需要可以H5端去修改小程序页面的title
document.title = "修改后的标题"; // 小程序webview的title其实就是用的这个属性
- 两端通讯
// 也是引入相关的jdk后，通过wx.miniProgram.postMessage想小程序发送消息；
// 小程序则在 web-view组件上监听 bindmessage 事件
以上内容在 官网都可以找到哦
webview 官方文档
文章仅为本人学习过程的一个记录，仅供参考，如有问题，欢迎指出！