-
http://www.cnblogs.com/yexiaochai http://github.com/yexiaochai/hybrid查看全部
-
native与h5职责
查看全部 -
javascript callback
查看全部 -
好的我记住了:“研发阻碍进度是一种莫大的耻辱!”查看全部
-
我们公司迭代不是很快,但运营活动较多,需要在三端进行,因为业务较单一,没有用到很多hybrid的技术,下面是我的实践: 1、使用的开源库webviewJavasSriptBridge(android、ios都有,并且接口一致,本质是通过url schema) 2、公司H5与APP账号打通,通过token以及cookie进行登录(打开页面,JavaScript获取token,然后请求业务接口,没有token,后端读取cookie,这一步有些麻烦了) 3、ios、android、web接口约定,比如:setTitle、getToken、jumpTo(跳转到各个页面),其他业务还有一些接口,比如获取app中购物车数据、用户信息、打电话、发短信、拍照、获取定位、购物车加车等。 4、接口封装,方便前端调用,封装了一个jumpTo方法,所以的页面跳转不走a标签,都是通过调用jumpTo进行,比如三端都跳转到首页,只需要一句:jumpTo.nativeHome() 5、此外,模拟微信的一些接口封装形式,比如: jsBridge.setTitle({ title: "", success: function (){} fail: function (){} }) 基本上就是上述的一些实践吧,离hybrid还有一段距离,比如header定义,webview生命周期函数钩子、把包下载到本地,增量更新等,随着业务的深入也会不断探索实践 谢谢叶小钗精彩的课程!查看全部
-
Native 与 H5的职责查看全部
-
/*
* 收口
* 公共参数,设备号,手机
* 统计需求,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
查看全部 -
h5与native的职责
查看全部 -
Hybrid应用场景
查看全部 -
收口---》多个相同的业务,封成公共业务,
查看全部
举报