【quickhybrid】架构一个Hybrid框架（四）

【上一篇】

注意事项：

以下均来自项目实战，可以参考

 

1.1.  使用场景

  虽说使用使用混合框架优点较多，但并不是所有的都适合用它来开发。一般在与app产生交互的时候，使用hybrid较佳，像点击收藏、关注等直接在页面实现的功能，还是直接写较好。

1.2.  调起原生页面：openLocal()

  具体实现方法在文档里面有，需要注意的是：因为你要调起原生的页面，所以需要指出调起哪个页面，这时候，额外数据就要发挥作用了

data: {
    url : "http://casebook.medlive.cn/app/caseset/"+cs_id,
},

这就会跳转到额外数据里面的url地址页面，额外参数的名字要写成url

在本次开发过程中，还有一个很重要的问题：

   就是这个额外参数，它是我们打开应用内原生页面的地址，但是因为是在APP开发，所以调起的时候，这个vwbView会对这个浏览器校验，所以这个额外参数链接一定要跟APP对接，确认规则。

1.3.  调用自定义API

 参考案例链接

  注意：在调用自定义API时，正如JSAPI中所说（参考链接：https://quickhybrid.github.io/quickhybrid-doc/baseuse/jsapi/jsapi.html），在quick容器中，除了部分API不需要权限外，其余都要权限校验成功后才能调用，就是ready之后，一般这样校验

quick.error(function(error) {
    // 添加自己的错误提示
});
quick.config({
    jsApiList: ['pickDate'],
});
quick.ready(function() {
});

验证后在调用API，不校验报错信息如下：

 

并不是所有的API都需要校验，以下是不需要校验的API，默认就可以使用

ui模块的所有API

page模块的所有API

navigator模块的所有API

这样所得好处是：对于不涉及一些敏感数据，可以无需校验，提供效率

 

前人栽树，后人乘凉：

参考链接1

参考链接2

参考链接3

参考链接4

参考链接5

参考链接6

参考链接7

参考链接8

 

 

 

 

 

 

文档链接https://quickhybrid.github.io/quickhybrid-doc/

github上的源码：android版    IOS版

正事说完了，在这里宣传一下朋友的店铺：一个新开的汉服的店铺，满足小时候披床单的愿望，男女都有哟。。。

店铺名称：汉衿凤韵，点击进店铺，欢迎选购哟，说明了解来源可以优惠！！！