第四步 使用 adt-eclipse 打包 Cordova (3.0及其以上版本) + sencha touch 项目

cordova最新中文api

http://cordova.apache.org/docs/zh/3.1.0/

1、将Cordova 生成的项目导入到adt-eclipse中，如下：





项目结构如下：





导入之后可能报以下错误：



解决方案：
1.右击项目选择 properties
2.选择android. 设置API 版本为你机子上安装最新版本，一般我们要下载最新的API，如图：



3.确定后，菜单栏project，点击clean即可解决错误。

其中config.xml为配置文件，res文件中放置启动图片，ico图标等

config.xml:

<?xml version='1.0' encoding='utf-8'?>
<!-- <widget>元素的 id 属性提供了应用程式的反向域识别码和 version 主要/次要/修补程式符号表示其完整版本号码。 -->
<widget xmlns:cdv="http://cordova.apache.org/ns/1.0"
id="com.example.demo"
version="0.0.1"
xmlns="http://www.w3.org/ns/widgets" >

<!-- <name>元素指定应用程式的正式名称，因为它出现在设备的主画面上和在应用程式商店介面内。 -->
<name>
demo
</name>
<!-- <description>和 <author> 的元素指定的中继资料和联繫资讯，可能会出现在应用程式商店清单内。 -->
<description>
这是一个基于Cordova 3.0 和 sencha touch 2。2.1 的示例项目
</description>

<author
email="534502520@qq.com"
href="http://www.cnblogs.com/mlzs/" >
我的联系方式
</author>
<!-- 可选的<content>元素在顶级的网络资产目录中定义应用程式的起始页。预设值是index.html的，其中通常出现在一个专案中的顶级万维网目录。 -->
<content src="index.html" />
<!-- <access>元素定义应用程式能够与进行通信的外部域的集。如上所示的预设值允许它访问任何伺服器。请参阅域白名单指南的详细资讯。 -->
<access origin="*" />
<!-- <preference>标记设置各种选项作为对名称/值属性。每个首选项的名称是不区分大小写。很多优惠是独有的特定平台上，如列于此页的顶部。以下各节详细介绍了适用于多个平台的首选项。 -->
<!-- fullscreen使您可以隐藏在萤幕顶部的状态列。 -->
<preference
name="fullscreen"
value="true" />
<preference
name="webviewbounce"
value="true" />
<!-- 设置为初始萤幕显示的图像。如果您的图像名称为 splash.png ，您需要如此设置。 -->
<preference
name="splashscreen"
value="splash" />
<!-- 设置启动画面显示时间，一旦接收到 app deviceready 事件，将调用 navigator.splashscreen.hide() 方法。 -->
<preference
name="splashScreenDelay"
value="10000" />
<!-- 不如此不能监听事件 -->
<feature name="App" >
<param
name="android-package"
value="org.apache.cordova.App" />
</feature>

</widget>

AndroidManifest.xml:

<?xml version='1.0' encoding='utf-8'?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
package="com.example.demo"
android:hardwareAccelerated="true"
android:versionCode="1"
android:versionName="0.0.1"
android:windowSoftInputMode="adjustPan" >

<supports-screens
android:anyDensity="true"
android:largeScreens="true"
android:normalScreens="true"
android:resizeable="true"
android:smallScreens="true"
android:xlargeScreens="true" />

<application
android:debuggable="true"
android:hardwareAccelerated="true"
android:icon="@drawable/icon"
android:label="@string/app_name" >

<!-- <screenOrientation>使程序始终竖向，不相应屏幕旋转以免程序崩溃 -->
<activity
android:name="demo"
android:configChanges="orientation|keyboardHidden|keyboard|screenSize|locale"
android:label="@string/app_name"
android:screenOrientation="portrait"
android:theme="@android:style/Theme.Black.NoTitleBar" >
<intent-filter>
<action android:name="android.intent.action.MAIN" />

<category android:name="android.intent.category.LAUNCHER" />
</intent-filter>
</activity>
</application>

<uses-sdk
android:minSdkVersion="10"
android:targetSdkVersion="17" />
<!-- 配置访问网络权限 -->
<uses-permission android:name="android.permission.INTERNET" />
<uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />
<uses-permission android:name="android.permission.READ_PHONE_STATE" />

</manifest>

2.打开之前通过sencha touch cmd生成的项目进行开发，开发完成后，如下操作

将之前通过Cordova 3.0生成的项目中的cordova.js引入到我们的sencha touch项目中，并且在app.json中配置

项目简略结构如下：



配置如下：

{
/**
* 项目的命名空间
*/
"name": "app",
/**
* 项目起始html文件，路径相对于此app.json文件
*/
"indexHtmlPath": "index.html",
/**
* 运行此项目的url路径，比如: "http://localhost/myapp/index.html".
*
*当设置此值时，将不能通过文件系统直接访问。
*/
"url": null,
/**
* 所需引用js文件
* 单个格式如下
*      {
*          "path": "path/to/script.js" // 文件路径，如果本地文件，路径相对于此app.json文件
*          "remote": true              // (可选值)
*                                      // -默认值为"false"
*                                      // -"true"，如果这个文件是一个远程文件不会被复制
*          "update": "delta"           // (可选值)
*                                      // 如果没有指定，这个文件将只加载一次，
*                                        // 缓存到localStorage里面，直到这个值被改变。
*                                      //  - "delta" 增量更新此文件
*                                      //  - "full" 当文件改变时，完全更新此文件
*          "x-bootstrap": true         // (可选值)
*                                      // 表示这是项目依赖文件。
*                                      // 该文件不会被复制到生成目录或引用
*
*      }
*/
"js": [{
"path": "touch/sencha-touch.js",
"x-bootstrap": true
},
{
"path": "cordova.js",
"update": "delta"
},
{
"path": "app.js",
/* 表示所有的类生成到这个文件 */
"bundle": true,
"update": "delta"
}],
/**
*所需引用js文件
* 单个格式如下
*      {
*          "path": "path/to/script.js" // 文件路径，如果本地文件，路径相对于此app.json文件
*          "remote": true              // (可选值)
*                                      // -默认值为"false"
*                                      // -"true"，如果这个文件是一个远程文件不会被复制
*          "update": "delta"           // (可选值)
*                                      // 如果没有指定，这个文件将只加载一次，
*                                        // 缓存到localStorage里面，直到这个文件被改变。
*                                      //  - "delta" 增量更新此文件
*                                      //  - "full" 当文件改变时，完全更新此文件
*
*      }
*/
"css": [{
"path": "resources/css/app.css",
"update": "delta"
},
{
"path": "resources/css/main.css",
"update": "delta"
}],
/**
*项目生成时用于自动生成HTML5应用程序缓存清单（cache.manifest）
*/
"appCache": {
/**
* 本地缓存名单
*/
"cache": ["index.html"],
/**
* 网络缓存名单
*/
"network": ["*"],
/**
* FALLBACK缓存名单
*/
"fallback": []
},
/**
* 项目生成时需要复制的资源文件,resources中文件夹不可以删除，否则会出错,里面的文件可以删除
*/
"resources": ["resources/images", "resources/json"],
/**
* 项目生成时忽略的文件/目录名称匹配，必须是有效的正则表达式
*/
"ignore": ["\.svn$"],
/**
* 之前生成项目储存目录，用于进行增量更新，不可随意改变此目录下的文件
*/
"archivePath": "archive",
/**
* 在cmd创建时需要引用的类
*/
"requires": [],
/**
* 唯一ID，作为localStorage前缀。
* 通常情况下，你不应该改变这个值。
*/
"id": "d8504e05-a9fc-4692-bdbc-94c3190751f5"
}

使用cmd生成项目



将生成后的项目引入到adt项目中



签名打包

Eclipse工程中右键工程，弹出选项中选择 android工具-生成签名应用包：



选择需要打包的android项目工程：



如果已有私钥文件，选择私钥文件输入密码，如果没有参见第6和7步创建私钥文件：



4.输入私钥别名和密码：



5.选择APK存储的位置，并完成设置 开始生成：



6.没有私钥文件的情况，创建私钥文件：



7.输入私钥文件所需信息，并创建：



*SDK的安装目录最后不要有中文和空格，否则会出现不必要的错误。如果你的安装路径包含Program Files（有空格），用ADT打包会报错，Ant方式打包的也会报错，没关系，不用重装，解决方法：配置SDk环境变量和在Eclipse中配置SDK路径的时候把Program Files改为Progra~1即可。（而且改成其他的都不行，只能是Progra~1，不信试试，这是Dos的规格）。