为了账号安全,请及时绑定邮箱和手机立即绑定

ionic+cordova 开发总结

标签:
Android

公司决定使用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,一般都是放到远程服务器上面的,所以没有使用混淆,开发中还会遇到一些其他问题,可能很小,但是遇到了也会花点时间去解决。恩~,算是总结下吧,希望有用~

原文链接:http://www.apkbus.com/blog-443060-59664.html

点击查看更多内容
TA 点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
  • 推荐
  • 评论
  • 收藏
  • 共同学习,写下你的评论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消