美文网首页
Hybrid App开发 Cordova框架实践——Androi

Hybrid App开发 Cordova框架实践——Androi

作者: 陈建芳 | 来源:发表于2017-01-05 16:27 被阅读0次

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

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

      大功告成!

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

    相关文章

      网友评论

          本文标题:Hybrid App开发 Cordova框架实践——Androi

          本文链接:https://www.haomeiwen.com/subject/ykszvttx.html