ionic项目实战

ionic项目实战（一）

预言

这次项目来得很急，需要在差不多10天左右的时间内完成一款兼容Android和ios的移动端产品，需求其实也比较简单，但因为涉及到了视频监控，所以还需要调用原生sdk，最终选择的ionic3+cordova的框架，因为ionic是基于angular语法的，之前公司做的项目正好也是用的angular框架，所以不管凑巧还是顺水推舟，最终选用了这个框架进行移动端开发。最终效果也确实达到了想要的效果，不过也确实踩了不少的坑，所以在此就简单总结分享一下吧！

1、 ionic的安装

window和Linux执行以下命令：
npm install -g cordova ionic
macos下执行以下命令：
sudo npm install -g cordova ionic
注：已经安装的注意更新
npm update -g cordova ionic
或
sudo npm update -g cordova ionic

2、安装ionic项目

npm start App tabs
这个时候就已经创建了一个名为App的ionic项目。

3、运行ionic项目

ionic serve或ionic serve -lab

4、增加依赖的平台

ionic cordova platform add/remove android/ios
增删android/ios平台依赖

5、模拟器启动

ionic cordova emulate android
当然测试开发需要实时刷新的话就是
ionic cordova emulate android --livereload

6、真机运行

首先要编译：
cordova build android
然后就是运行：
cordova run android

7、打包apk

首先以管理员身份打开cmd，输入：
（1）keytool -genkey -v -keystore [姓名].keystore -alias [姓名].keystore -keyalg RSA -validity 20000
（2）jarsigner -verbose -keystore [姓名].keystore -signedjar complete.apk app.apk [姓名].keystore

好了这样一个已签名的文件就诞生了。下篇讲下ionic开发中遇到的一些坑。