Cordova Hybrid App -- Android -- start up

最新推荐文章于 2018-08-15 16:58:20 发布

最新推荐文章于 2018-08-15 16:58:20 发布 · 387 阅读

文章标签：

#hybrid app #cordova

hybrid-app 专栏收录该内容

1 篇文章

订阅专栏

本文详细介绍使用Cordova搭建Android混合应用的过程，包括环境搭建、项目创建与编辑、图标及屏幕方向设置等内容。

Cordova Hybrid App – Android – start up

1.环境搭建

1.1 安装 nodejs
    https://nodejs.org/en/download/
1.2 安装 android-sdk 并配置环境变量
1.3 下载安装 android-studio
(安装过程中如需要安装Gradle,Python27按照提示安装并配置)

2.开始项目

2.1 安装cordova 
    运行命令 npm install cordova -g
2.2 创建项目
    cordova create hello com.example.hello HelloWorld
2.3 在项目中添加android平台
    cd HelloWorld
    cordova platform add android
2.4 运行项目
    cordova run android
2.5 打包项目
    生成keystore(不在本文档讨论范围内)，保存
    项目根路径build.json文件内容：
    {
        "android": {
            "debug": {
                "keystore": "keystore文件路径",
                "storePassword": "keystore密码",
                "alias": "alias名字",
                "password" : "alias密码",
                "keystoreType": ""
            },
            "release": {
                "keystore": "keystore文件路径",
                "storePassword": "keystore密码",
                "alias": "alias名字",
                "password" : "alias密码",
                "keystoreType": ""
            }
        }
    }
    cordova build android --debug 或 --release
    打包debug版本，release版本
参考: http://cordova.apache.org/#getstarted

3.编辑项目

3.1 用android studio打开并编辑项目路径下/platforms/android项目

4.附 – config.xml文件快捷设置

4.1 name--生成应用名字
4.2 <platform name="android">
        <preference name="orientation" value="landscape" />...
        设置屏幕横屏 
4.3 <platform name="android">
        <!--
                ldpi    : 36x36 px
                mdpi    : 48x48 px
                hdpi    : 72x72 px
                xhdpi   : 96x96 px
                xxhdpi  : 144x144 px
                xxxhdpi : 192x192 px
            -->
        <icon src="res/android/ldpi.png" density="ldpi" />
        <icon src="res/android/mdpi.png" density="mdpi" />
        <icon src="res/android/hdpi.png" density="hdpi" />
        <icon src="res/android/xhdpi.png" density="xhdpi" />
        <icon src="res/android/xxhdpi.png" density="xxhdpi" />
        <icon src="res/android/xxxhdpi.png" density="xxxhdpi" />...
    设置图标