无需微信小程序,开发一个高性能高体验 WebApp

2016-10-04 20:19:25 +08:00
 linfaxin
借着微信小程序大热,赶紧安利一下自己开发的框架。
先上官网: http://androiduix.com
再上 demo : http://androiduix.com/showcase/widget_sample/index.html
再上起步教程: https://github.com/linfaxin/AndroidUIX/wiki/%E4%B8%AD%E6%96%87_1.-%E5%BF%AB%E9%80%9F%E5%BC%80%E5%A7%8B

然后说几个重要优点:
1. 高体验。体验上应该是远超目前主流 WebApp 的,可以手机打开 Demo 自主体验。
2. 组件能力。这个也不谦虚,因为完整移植的 Android 的一套 UI 组件,从体验上,易用性,稳定性,可定制性等等都是一流的。
3. 对 Android 开发友好。因为框架移植自 Android ,公司的 Android 开发就可以很低的学习成本上手。

再说说缺点吧:
1. 因为要学习一整套 Android UI 的 API ,同时开发方式也是完全不同于以往的开发方式,对 Web 开发者来说还是有不小上手成本。
2. 个人维护的框架,精力有限,可能不可靠?(请保持信心,也希望有能力的同学们多提一些 issue 和 pr)

最后:开发框架费体力,求 star : https://github.com/linfaxin/AndroidUIX
6560 次点击
所在节点    程序员
24 条回复
sherlocktheplant
2016-10-04 20:23:33 +08:00
如果支持 ios 就是个好框架了
linfaxin
2016-10-04 20:27:52 +08:00
@sherlocktheplant 只是框架的 api 与 Android 一致,开发出来的 WebApp 是支持 iOS 的。另外 iOS 的 UI 不开源,所以没有办法做完整移植工作
sherlocktheplant
2016-10-04 20:34:56 +08:00
@linfaxin 不用移植 ios 的 UI 框架 用 ios 的绘图框架 实现 canvas 就行了
linfaxin
2016-10-04 20:43:07 +08:00
newbieo0O
2016-10-04 20:43:23 +08:00
WebApp 太卡了,并不看好。 RN 我认为只是昙花一现。
linfaxin
2016-10-04 20:47:05 +08:00
@sherlocktheplant 现在框架完成的事情是使用
js 语言 + Android api ,所有的代码都是 js 的,最后渲染在浏览器上。所以仅仅实现 canvas 是不是还不够
linfaxin
2016-10-04 20:50:25 +08:00
@newbieo0O 体验一下 Demo ,目前在我的米 4 上可以接近 60fps 运行,米 5 和 iphone 上基本是满帧运行
sherlocktheplant
2016-10-04 20:53:07 +08:00
@linfaxin 那你这个已经很不错了! 如果 canvas 层可以脱离浏览器 性能应该可以更好 不过既然可以达到 60FPS 已经够了

已 star

但是实战项目我估计还是会用 ReactNative 主要是 js 接本地 API 这一块 ReactNative 做得很完善
linfaxin
2016-10-04 21:00:54 +08:00
@sherlocktheplant 懂我!
在 Android 端已实现 canvas 层脱离浏览器的实现:
https://github.com/linfaxin/AndroidUIRuntimeAndroid
另外因为使用了 webkit 的 api ,这些 api 的脱离也在计划中,脱离后就可以无需浏览器渲染页面了。
ClassicOldSong
2016-10-04 21:00:59 +08:00
我记得老早以前有个 Android 4.x 的前端 UI 库来着,名字忘了
顺便这个 Demo 在=4 上掉帧严重
下拉回弹这种东西在 Android 上十分不合理,如果流畅点还好可惜掉帧啊 233

另外为何还是 4.x 的 UI !! MD 都出来这么久了!!!
linfaxin
2016-10-04 21:02:47 +08:00
@sherlocktheplant 这个框架接本地 api 的话就要用 phonegap 或者公司自己的 Hybrid js api ,我觉得都是可以接受的。
linfaxin
2016-10-04 21:08:04 +08:00
@ClassicOldSong 现在的主流安卓机应该也能接近满帧滑动的,=4 的机子都有点古老了吧。
2. 1 年多年开始做的移植工作,当时 Android6 也才出来,国内还是 Android4.4 多,就定的移植的这个版本。
不过 md 的版本后面再移植也是完全有可能的
linfaxin
2016-10-04 21:11:58 +08:00
@ClassicOldSong 下拉回弹是修改的部分源码实现的,也可以使用 sertOverScrollMode 关掉
ClassicOldSong
2016-10-04 21:15:44 +08:00
@linfaxin 1+3=4
sherlocktheplant
2016-10-04 21:31:06 +08:00
@linfaxin 最好直接用 openGL 或者直接用 SDL 这样的库实现一次 canvas 这样比较好移植到所有平台
sobigfish
2016-10-04 22:52:34 +08:00
阿里有个 weex 是和 react native 类似的技术的 只是 web app 的话 vuejs 啊
linfaxin
2016-10-05 00:05:50 +08:00
@sherlocktheplant 好建议,当时花时间找过类似的库,最终未果。后面有机会再尝试
linfaxin
2016-10-05 00:10:41 +08:00
@sobigfish 和 weex 有一定竞争关系。 vuejs 等前端框架还是没有解决用户体验问题。
indooorsman
2016-10-05 01:09:31 +08:00
官网的 showcase 非常卡… nexus 6p
linfaxin
2016-10-05 01:11:37 +08:00
@indooorsman 尝试帖子里的开头的 Demo 地址

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/310561

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX