有時候需要做混合式開發的時候，可以和原生開發工程師一起配合調用原生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返回 |
