h5-uni-function-bridge（H5端）

适用于uni-app框架中webview组件和H5通信的js小工具。此JS是放在H5项目中的；还需要配合uni-app另外封装的webview组件；uni-app的webview组件会放在另一个项目中；可以直接调用 uni 一些方法

全新升级

安装

执行以下安装命令

npm i h5-uni-function-bridge --save

or

yarn add h5-uni-function-bridge

使用方法

以vue项目为例子

在main.js中引入h5-uni-function-bridge

import 'h5-uni-function-bridge'

使用方法说明

注意：这里使用方法是需要uni-app端那边配合的

H5如何触发 UniApp 函数的

[^整个库其实就是这个两个核心API，用这个两个API就可以完成H5和uni-app的通信了；以下提供几个可能也用的上的API]:

h5端代码

// 执行调用扫码接口
_uni.scanCode({
    scanType: ['qrCode'],
    success: function (res) {
        console.log('条码类型：' + res.scanType);
        console.log('条码内容：' + res.result);
    }
})

处理uni-app的路由

具体文档参照：https://uniapp.dcloud.io/api/router

_uni.navigateTo()

_uni.redirectTo()

_uni.reLaunch()

_uni.switchTab()

_uni.navigateBack()

获取当前环境

_uni.getEnv()