Ionic 项目开发--杂七杂八说一点

最近连续带了2个使用ioinc开发APP的项目，都是搭建商城类的，遇到了不少重复性问题，这里简单收录一下知识点。

为什么移动端开发一定要使用ionic ？ 这个问题在16年的时候做了一些探讨，Hbuilder 开发起来感觉很虚，很久以前用来开发过一个电视盒子的项目，但是问题较多所以没有延续；weex（不知道有没有拼错），阿里的东西，一直都不喜欢。ionic，doc齐全，插件齐全，经历过1.x的开发整体感觉不错，开发、打包、运行都能过支撑业务，开发语言上手也不难。

环境搭建

既发移动端，就肯定必须是上mac，安装nodejs + ionic +npm， 工具上 webstorm + android studio + xcode 。基本解决了IOS与Android版本的发布以及一些问题解决。

关机真机调试：

1）IOS 使用xcode 配置apple 开发者，直接可以build到苹果手机上。如果涉及推送的需要有开发者账户才可以使用。

2）android ， 相对有点绕，先翻墙把相关sdk 下载了，确保从ionic build出来的项目在android studio 上可以成功build，剩下的具体可以参阅  https://blog.csdn.net/u011312237/article/details/72673800 ， 按照链接的文章操作即可。

切记：华为手机需要设置usb 模式 ，别忘记设置usb模式是传输文件，打开usb调试。

---

NPM 包发布

做ionic开发，除非你需求不多，很多第三方的插件可以解决你需求，但是很难避免你需要自己开发一些plugin ，或者改造别人的，然后通过npm包进行管理。

1）注册npmjs.com 的账户

2）在你的项目上 npm init ，一般你在crate 项目的时候都已经做了这个操作

3）npm login 

4）在项目根目录 执行  npm publish

---

APP 开发管理架构

首页 Ionic3 + angular 4 是目前标配，基于typescript 作为开发语言（感觉代码更具备可读性），整个架构上都是属于前端的，还需要搭配后端接口进行处理。

从管理的角度上，如果一个APP开发团队一般都是4-6人（2前端+1设计+2后端+1测试+1产品，土豪团队请随意），可以的话最好语言方面都是基于JavaScript的体系来开发，这样方便团队进行互补。所以我推荐的是前端熟悉angular 或 vue 的开发，后端熟悉nodejs语言的开发，这个整个开发团队大概3个人的配合可以有较高的产出。这里不探讨技术的太多细节问题，例如质疑nodejs性能，以及可用性问题，我带过不少技术语言的项目，每个语言都有自身的不足与优势。

从0.1 -> 1.0 版本的产品管理，采用的策略：先打基础设施，再不断迭代优化功能。移动端的开发，90%的情况都是边做边变化，本身团队前期可能有一定的磨合，以及对需求的把握不准，所以不用着急去刷功能，先把基础的功能点，如底层异常、跳转、公共部件、第三方登录、支付等等进行完善储备，一来给时间产品需求定义以及设计，二来通过简单的基础开发进行磨合。

1.0 -> 2.0 版本，每一次迭代都是对1.0进行重构 + 业务的迭代，经验告诉我知道，这个周期不迭代，等着3.0推翻重来。当然我觉得推翻重来也是一个好办法，毕竟有可能业务体系都翻天了。所以需要把控未来的方向来预判了。

项目管理工具方面，我极力推荐使用tapd（腾讯系的PM工具，与邮件、企业微信结合）：

需求墙控制整体产品需求的推进：规划-实现中-已实现-拒绝

然后每个迭代版本建立一个看板来管理：设计-前端-后端-测试-完成

测试管理直接使用缺陷模块即可。

整个项目开发推进中，要熟悉所使用的开发体系的优缺点，在业务需求过程中设计尽可能避免盲点，以及可以提前攻关一些盲点，避免在中途陷入盲点导致项目delay 。

---

IONIC 一些常用插件

微信支付、分享，可以使用 https://www.npmjs.com/package/cordova-plugin-wechat-v3 （支持打开与分享小程序等，不断在维护，我是fork xuli的版本修改的），先去微信开放平台注册一个号，认证，然后再添加app提交审核，申请微信支付（微信最近搞得很麻烦）

支付宝使用：cordova-plugin-alipay-v2  ， 去b.阿里申请

消息推送：极光推送，https://github.com/jpush/jpush-phonegap-plugin ，与Ionic兼容最好的一个没有之一。

数据分析：极光数据，https://github.com/jpush/cordova-plugin-janalytics  或者友盟，如果推送用了极光就一起使用吧。

android 6.0 + 权限问题  https://github.com/NeoLSN/cordova-plugin-android-permissions

暂时这些经常遇到反复出现，其他都是特殊情况特殊处理。但是作为使用Ionic的项目，团队成员必须或者至少有一个可以自行编写plugin， 不然遇到一些问题baidu不出来的时候，就捉虾了。

---

注意事项：

多看ionic、angular的官网文档，熟悉知道哪些可以做哪些不可以做，哪些用什么方式去做，不要盲目自己去乱折腾，很多东西其实都有现成的。这个框架其实有点像小程序的开发，其实学会了ionic的开发，小程序或者vue的基本上75%都掌握了。

尽量避免直接页面修改局部的ionic默认样式，或者因为一些页面修改全局样式，很容易不兼容其他页面的发生。

APP开发不仅仅是客户端的开发，涉及的有后端的接口，以及与APP内容或业务相关的运营系统支撑，需要综合涉设计，需要项目规划上一开始就做好。