【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版


猜你喜欢

转载自blog.csdn.net/snow_love_xia/article/details/80525034