Ionic 是下一代 APP 开发框架

[yafeilee]

继上次写了一篇小说型的技术文章后, 这次写一篇科普描述型技术文章, 讲了一下 Ionic 的出现背景, 以及我对未来 APP 开发的预期.

这次我就不完整转帖过来了, 自行点击链接吧: Ionic 是下一代 APP 开发框架

内容摘要:

最近 Facebook React 团队释出了 React Native, 用来构建 Mobile Native 应用. 非常给力的口号即是标题所指: Learn Once, Use Anywhere.

我突然觉得, 他们正好把我思想的口号给用去了( 不过我没想到这么美的词 ), 因为我已经在更早的时候就决定要讲一讲 Ionic 了, 这个口号也同样是: Learn Once, Use Anywhere, 但是, 加了一句, For AngularJS.

开始 Ionic 之前, 我们要先回顾下历史.

1. Web 领域的历程
2. 前后端分离的必然原因
3. 新秀: Ionic
4. 反哺 Web2.0

原文链接: Ionic 是下一代 APP 开发框架

to V友们, 预告下一篇很可能是远程办公实战体验, 我现在正在山脚用 3G 上网发的这个帖子:)

[yakczh]

Ionic 怎么实现通知栏的消息推送呢?

[lingyired]

@yakczh Ionic 底层包含 Phonegap (Cordova) ，可以用原生代码写一个 plugin

[my101du]

@yakczh 安装一个localnotification 的cordova plugin，android完美本地推送；ios 8会造成程序闪退，可能是权限问题，添加了一个“启动时弹出通知请求确认”的代码，也没效果（但这段代码我用原生的obj-C是正常的）

[wingao]

Ionic 确实很赞，值得使用。正在商用中，坑还是挺多的，需要自己填。调试飞起。

[zhicheng]

No Silver Bullet,
对于 XXX Once,XXX Anywhere，请参考 Sun 公司推出的某著名编程语言。

[windyboy]

phonegap的内容不是一个悲剧码？

[CR]

Ionic完全没有办法和React Native相比，前者是一个基于AngularJS的一个扩展，后者是完全把Web编译成为Native code...

[w88975]

感觉ionic申请什么权限的时候，特难看，一大堆长URL地址请求XXX权限

[zhangxiao]

有个关于AngularJS的问题想问下LZ，就是SEO的问题怎么解决？

[loading]

@zhicheng
code Once,Debug Anywhere.??

[yafeilee]

@zhangxiao 这篇文章里正好有一个解决方案, 服务端预渲染: https://prerender.io/, 它是开源的, 你可以用它布署一下就好了.

主要思路是, 用 `prerender` 来模拟爬虫读取你的 AngularJS 项目, 然后执行其中的 JS, 把结果缓存. 真正的爬虫来的时候就直接将缓存结果发过去.

[crazyxin1988]

能不轻言未来么
坑没踩够么

[yafeilee]

@CR 我觉得不是, 长远来看, APP的开发模式是要被 Web 的开发模式取代大部分的, 这场变化就跟当年的桌面程序与 Web 程序一样. 如果这个结论你不否定的话, Ionic 这种方式代表更先进的生产方式, 不是吗?

[akeyz]

@crazyxin1988 同意

[lanceli]

@lingyired @yakczh 有很棒的插件 https://github.com/phonegap-build/PushPlugin
CNode使用的极光
https://github.com/jpush/jpush-phonegap-plugin

感谢lz提到CNodeJS
源码地址： https://github.com/lanceli/cnodejs-ionic

[yafeilee]

@crazyxin1988
@akeyz 就是现在的 APP 开发方式太搓了, 才要有未来. 你们以为 Facebook 与 Google 的工程师傻吗? 他们没事就自己造轮子, 然后坑你我?

Swift, React Native, Ionic 都是一种可能.

当下, 并不是推荐立刻用在你的项目中, 而是可以自己玩玩, 学学, 用用.

[yafeilee]

@lanceli 多谢补充:)

[dyq917]

@yafeilee 第三方登录（qq,weibo之类）有相关好的插件推荐么？

[my101du]

@dyq917 友盟社会化插件phonegap版 http://dev.umeng.com/social/phonegap/specific-integration 社会化分享、登录、评论、喜欢等功能，就是需要再引入一个jquery，体积又变大了一点……

[Dannytmp]

@zhangxiao ANGULAR适合单页面，SEO不好弄喽