Hybrid App 开发 Cordova 框架实践——Android 篇

3,694 阅读1分钟
原文链接: www.jianshu.com

记录下来以便将来看看现在的自己

  公司一直没有IOS和安卓开发的人员,昨天在公司吃早餐的时候偶然接到App开发的需求,鉴于网上超级多的技术可以让前端玩转App,其中比较不错的是React Native,Hybrid App。但是个人比较排斥React Native,2333来自一个处女座无缘无故的讨厌。感谢我的母亲,感觉“掘金原创作者群”给的建议。

  1.搭配安卓环境
  • 首先要安装node、npm。
  • 全局安装cordova模块:
       $ npm install -g cordova
  • 安装安卓SDK:(本文不提供下载地址,注意安卓SDK文件名不能有特殊字符)
      安装好后打开安装目录的 SDK Manager.exe,点击 Tools >> options
    设置如下图:

    01

    然后在系统环境变量添加如下图:

02


变量值为你sdk的安装目录

  2.创建项目
  • 创建hello项目
       $ cordova create hello
  • 进入项目
       $ cd hello
  • 添加安卓项目
       $ cordova platform add android --save
  • 检测环境是否配置好
       $ cordova requirements

03


这里最容易报错,注意两点:其一,配置SDK Manager代理服务器如图 01 。第二安装Java JDK 不小于1.8版本并添加到系统变量如下图:


04
  3.构建预览项目
  • 如果你配置正确的话,然后构建安卓apk:
       $ cordova build android
    第一次构建的时间会很长很长很长很长....
  • 安卓模拟器预览,这个模拟器比较烂,不过玩玩还是挺好的,我建议用 夜神 模拟器
       $ cordova emulate android
    现在我们回过头去看生成文件的目录,目录如下图

05


玩过PHP的都知道www用来放前端代码的文件夹,我直接把公司的移动端的一个项目copy进去,www文件夹里的所有网络请求必须是绝对地址,然后运行:
   $ cordova build android
控制台会提示apk的生成目录 “hello\platforms\android\build\outputs\apk”,然后把生成的 .apk在安卓机安装即可预览效果


06


  大功告成!

你既然已经做出了选择,又何必去问为什么选择。 ——卫庄