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 serveionic 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开发中遇到的一些坑。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。