公司决定使用hybird的开发模式进行开发移动端的项目,于是大家就进行了这方面的学习,ionic、angularJs,当然还有cordova方面的知识。好了让我们简单的说一下学习与开发的成功吧!
一、搭建开发环境
1.首先安装nodejs,然后通过命令安装ionic 和cordova
npm install -g ionic cordova
2.下载好jdk并配置好环境变量;
3.下载Ant装好并配好环境变量(用来命令打包);
4.下载好android的SDK工具包并配置对应的环境变量;
二、用命令创建项目(以android为例)
1.创建项目
ionic start myapp(项目名称)
cd进入项目文件后,方可执行下面的命令操作
2.项目中添加/删除平台
ionic platform add/rm android
3.项目中添加/删除插件
cordova plugin add/rm 插件id或对应地址
4.编译并运行项目
ionic build android(生成调试的apk包)
5.生成apk包并运行在机器上(需要事先连接好真机或者开着测试机)
ionic run android
三、开发工具IDE的选择
本人用的是WebStorm进行开发的,用的还行,推荐大家使用吧。
四、开发工程中可能有些功能是单纯的H5不能满足的,可能就需要往里面加一些插件了,当然这里面呢,有比较常见的Cordova的插件,也有基于cordova而生成的ngCordova 的插件,也可能会有我们自己写的插件,针对这三类插件我们再简单的扯一些东西:
1>cordova插件,去官网或者百度看看都有哪些插件,看看有没有是自己项目现在需要的,如果有就自己通过命令直接添加就好;
2>ngCordova插件,同样,也是去官网看看,有没有自己需要的插件,如果有的话,跟cordova插件一样,通过 命令进行添加,不过首先就需要先配置一些东西了;
1.安装bower npm install -g bowe
那么bower的作用是什么呢,看完下面你就知道了;
2.通过bower install -g ngCordova 安装ngCordova到项目里面,请注意,请注意,请注意,重要的事情说三遍,要进入项目后才可以使用这条命令哦,然后项目的目录结构应该是这样子的;
3.在index.html文件中加入
<script class="lazyload" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC" data-original="lib/ngCordova/dist/ng-cordova.js"></script>
4.把ngCordova引入到项目里面;
5.放心的使用插件去吧;
3>自定义的原生插件
按照插件的目录结构进行开发,其中插件那个类要集成CordovaPlugin,其他的就是js和配置文件写写就好了。
五、项目的打包签名和发布
1.生成可发布的未签名的包
cordova build --release android
2.生成签名文件
keytool -genkey -v -keystore test.keystore -alias 名称-keyalg RSA -keysize 2048 -validity 10000
3.对apk进行签名
jarsigner -verbose -sigalg MD5withRSA -digestalg SHA1 -keystore test.keystore android-release-unsigned.apk alias
4.对签名的包进行优化
zipalign -v 4 android-release-unsigned.apk android.apk
到这里我们的项目就可以正式的发布了,因为项目里面主要是html,一般都是放到远程服务器上面的,所以没有使用混淆,开发中还会遇到一些其他问题,可能很小,但是遇到了也会花点时间去解决。恩~,算是总结下吧,希望有用~
共同学习,写下你的评论
评论加载中...
作者其他优质文章