手记

【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

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

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

github上的源码:android版    IOS版


0人推荐
随时随地看视频
慕课网APP