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

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

公司一直没有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

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

03

变量值为你sdk的安装目录

2.创建项目

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

04

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

05

3.构建预览项目

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

06

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

07

  大功告成！

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