/*
* 收口
* 公共参数,设备号,手机
* 统计需求,ajax接口相应速度
* 统一回调处理,Server错误码code处理
* .........
*/
// url => domin.com?flag=叶小钗
var commonData = {
flag: '叶小钗',
id: '设备号',
ip: '',
geo: ''
}
// => commonData
//创建订单
/*
* JavascriptCore == JS Bridge
* URL schema
*/
var NativeBridge = {};
NativeBridge .getAddressList = function(callback) {
// bridge在这个函数体里面要有H5和Native通信的方式,抹平差异
requestHybrid({
tagname: 'getAddressList',
callback: function(data) {
callback(data)
}
// hybrid: //getAdressList?callbackid=id
})
}
NativeBridge.getAddressList(function(data){
// ...
})
一、webview的生命周期
1、onwebviewshow
2、onwebviewhide
一、登陆的设计
一、hybrid核心交互:
1、跳转:
forward、动画
2、全局化:
(1)back的实现
订单填写页
①定制化后退,直接到大首页
②本页面,重新渲染页面
(2)history乱了
(3)native path化
思考-入口的设计
①鉴权的矛盾
②体系化
一、native与h5的职责
二、react native
weex
native与h5职责
h5与native的职责
Hybrid应用场景
收口---》多个相同的业务,封成公共业务,
账号登录态由 native来进行管理
javascript callback
界限问题,分责任
hybrid
Hybird应用场景