有时候需要做混合式开发的时候，可以和原生开发工程师一起配合调用原生app方法。这时候就需要用到本框架中的这个功能，该功能已经集成在框架内了，可以很方便的调用。
<br>
首先第一步需要把hybrid-bridge模块引入APP.vue
```javascript
import initHybridBridge from "./assets/js/hybrid-bridge"
````
<br>
第二步：和原生开发工程师约定好URL格式，在URL中带入机型参数，如： http://www.xxx.com/?appType=android¶ms=...
这里面的appType就是机型参数，ios工程师传入ios，安卓工程师传入android；
<br>
*当然，也可以用本框架内的环境判断方法来进行判断*
```javascript
import {getPhoneSystem} from "../assets/js/common"
let appType = getPhoneSystem();
```
<br>
第三步：初始化hybrid-bridge
```javascript
initHybridBridge.init(appType);
````
<br>
第四步：和原生开发一起约定好原生API方法名进行调用
```javascript
//调用 android/ios 原生方法
BRIDGE.callHandler(
'appApiName',
{
appNeedParam:"app需要的参数"
},
function (responseData) {
//回调
}
);
```
| 参数 | 参数说明 |
| --- | --- |
| appApiName | 和原生工程师约定好的API方法名 |
| {} | 传递给APP的参数，数据格式根据你们自己约定 |
| function | 执行完成之后的回调函数带responseData为回调参数，实际情况根据APP返回 |
