美文网首页
cordova打包webapp

cordova打包webapp

作者: 幸福幸福幸福 | 来源:发表于2017-06-08 10:37 被阅读211次

    前置环境:
    安装jdk、Android SDK并配置环境变量
    安装node

    1. 环境安装配置完成之后开始安装cordova:
      npm install -g cordova
      安装完成之后,通过cordova -v检测是否安装成功
      可以通过npm install -g cordova@4.1.1安装所需版本,默认为最新版本
      卸载cordova:
      npm uninstall cordova -g
    2. 打包过程:
    • 首先创建一个cordova项目:
      cordova create test com.example.test :其中第一个位置的test是指你的项目名,第二个位置的com.example.test是指你打包的apk的包名(包名要按照这个格式来写)。

    • 增加cordova平台
      进入你建立的项目目录test,在命令行中敲入以下命令:
      cordova platform add android
      这里添加的平台是android的,你也可以添加其他的平台:
      cordova platform add wp8
      cordova platform add windows
      cordova platform add amazon-fireos
      cordova platform add android
      cordova platform add blackberry10
      cordova platform add firefoxos
      当然如果你不想使用哪个平台,你可以把它删除掉:
      cordova platform rm ios
      cordova platform rm firefoxos
      cordova platform rm windows
      cordova platform rm wp8
      cordova platform rm firefoxos
      cordova platform rm android
      你也可以通过命令查看都有哪些平台以及你已经安装了哪些平台:
      cordova platforms ls

    • 增加插件

    • 开始打包
      将你写的一些页面及资源文件放到你建的项目目录下的www文件下对应的位置(入口文件名字为index.html)
      然后在命令行下输入以下命令:
      cordova build android

    完成

    相关文章

      网友评论

          本文标题:cordova打包webapp

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