API

备注:
1.上面的版本范围（v1-v2）包含前面的版本v1,不包含v2版本：如 v.3.3.5 —v.3.5.0 为 >= 3.3.5 && < 3.5.0
2.Api测试地址：https://h5-act-beta.kajicam.com/foodie/2020/testBridge/foodieBridge/beta/index.html

跳转指定滤镜（返不回h5）：

  [foodiecnb://go?filterId=<filterId>    ]()<br />[      ]()[filterId 为 滤镜id ]()[如： ]()[foodiecnb://go?filterId=143]()

H5跳转Beta App:

   [http://h5-act-beta.kajicam.com/goapp.html#foodiecnb://inappBrowser?url=](http://h5-act-beta.kajicam.com/goapp.html#foodiecnb://inappBrowser?url=https://foodie-static.kajicam.com/apply/v33/index.html)<h5URL><br />       h5URL为跳转的h5链接<br />       例如：[http://h5-act-beta.kajicam.com/goapp.html#foodiecnb://inappBrowser?url=http://www.baidu.com](http://h5-act-beta.kajicam.com/goapp.html#foodiecnb://inappBrowser?url=http://www.baidu.com)

jsBridge原理解析：

1. 初始化：

2.IosBridge，AndroidBridge，NullBridge：



结论：ios,android,pc端实例化了一个对象，只是名称有区别

1. IBridge，ABridge,NBridge方法对比：

备注：IBridge===》 IosBridge ， ABridge ====》 AndroidBridge，NBridge ===》NullBridge，后面也
是
结论：上面ios调用的是this_calliOSFunction, android调用的是 native上的方法，这是ios和android
jsBridge实现的核心区别，pc端直接输出log，至此不再解析

4.ios 和android 的appInfo底层实现 对比

结论：ios底层是通过iframe请求url（url中需要一个动态的schema）， App进行拦截来实践jsBridge通信； android是通过调用内置window.FoodieBridgeInterface 来时间jsbridge通信，所以android需要卡法提供window.FoodieBridgeInterface

Foodie jsBridge和咔叽的区别

• schema不同：

• window下添加的全局属性名不同：

• android 内置给h5的对象不同：

常用功能

站内外判断

// 通过AppInfo获取  ios 3.3.0及之后的版本，android 3.3.5及之后的版本为站内
Bridge.appInfo(res => {
      if (res.app) {
        console.log('在站内');
      }
})
//通过android 的 window.navigator.userAgent 中包含 “foodie”，具体判断android的站内
setTimeout(()=>{
    if(window.navigator.userAgent.match(/foodle/i)){
        console.log('在站内')
    }
},400);

App低版本判断

• 由于jsBridge的更新，依赖jsBridge的h5需要判断App的版本是否满足需求。 ```javascript /**
  • 对比两个版本号
  • a 对比版本
  • b 当前版本
  • b >= a ===> true
  • b < a ===> false
  • */ function compareVersion(a, b) { for (let i in b) {

    let cur = parseInt(b[i], 10) || 0
    let limit = parseInt(a[i], 10) || 0
    if (cur > limit) {
        return true
    } else if (cur < limit) {
        return false
    }

    } return true }

Bridge.appInfo(res => { if (res.app) { console.log(‘在站内’); // 如果有版本，且小于3.3.5的 if(!compareVersion(‘3.3.5’,res.app)){ console.log(‘App版本太低，不满足H5需求’) } } })

<a name="pilaF"></a>
## App低版本更新
根据上文 “站内外的判断”，App低版本的判断，可能会应用到App版本的更新
```javascript
let myApp = {
   inState: '-outApp',
   isInApp: false,
   version: '',
   dpr: window.devicePixelRatio,
   EventFullPath: `${eventBaseName}-outApp`,
   needUpdata: false
  };
Bridge.appInfo(res => {
      if (res.app) {
        // 如果有版本，且小于3.3.5的
        if(!compareVersion('3.3.5',res.app)){
           myApp.version = res.app;
           myApp.needUpdata = true;
        }
      }
})
setTimeout(()=>{
    if(window.navigator.userAgent.match(/foodle/i)&&!myApp.version){
        myApp.needUpdata = true;
    }
},400);

保存分享

1. 由于Foodie JsBridge中将分享和保存区分开了，所以需要先后调用。
2. 由于ios的shareWidthCallBack 只要点击分享面板跳出App，才算分享成功，并执行回调函数，所以这里先调用save后调用share
3. 经过测试同时调用，后面的jsBridge会覆盖前面的方法 ```javascript

Handlers.save({url: saveImgSrc, type: ‘image’}).then(() => { // 显示保存成功 showToast(); Handlers.share({url: shareImgSrc, type: ‘image’}).then(() => { // 点击状态变为false clickStatus = false; }); }); ```

Npm 包：