uniappH5引入webview.js实现退出H5

在开发app时需要将两个app(都是uniapp项目)融合，为了节省时间，就选择将两个app打包成h5然后再写个壳子通过webview跳转的方式实现。

遇到的问题是进入h5之后，如果想返回就得使用手机自带的返回功能，需要一个返回外层app的按钮，于是就需要引入uni.webview.js来实现。

外层app写一个webview标签src就是h5部署在服务器的地址

重点在h5项目

第一步：先将js文件下载到本地 官网下载地址：gitee.com/dcloud/uni-…

我放在static目录下的js目录中：

第二步：在main.js中引入webview.js并挂载到vue实例上

import './static/js/uni.webview.1.5.4.js'

document.addEventListener("UniAppJSBridgeReady", function() { 
	console.log(uni.webView);
    Vue.prototype.myUni = uni.webView
});

第三步在页面中使用：

可以在事件中使用，我这里是直接用一个tabbar空页面返回，也可以写一个按钮绑定事件调用，url就是你要返回的app页面路径

onReady() {
	this.myUni.navigateTo({
		url: '/pages/index/index'
	})
        // 如果需要传值就可以使用postMessage方法，具体可查看官方webview文档
        // this.myUni.postMessage({ data: { msg: 'hello' } });
},