1.安装 nodejs
2.安装 cordova:
npm install -g cordova
3.创建一个工程:
cordova create MyApp com.example.MyApp MyApp
其中:第一个 MyApp是文件夹的名称;
com.example.MyApp 是app id
第二个MyApp是工程的名称,也是应用的名称
4.进入文件夹
cd MyApp
5.创建一个android的应用
cordova platform add android
6.用eclipse新建android项目(导入刚才MyApp目录文件),就可以在eclipse下开发了。
注意:
1.eclipse要先安装ADT插件。
2.要先下载android的SDK,并把它的路径(例如:C:\Development\adt-bundle\sdk\tools)加入到环境变量path中。
否则第5步会报错:[Error: An error occurred while listing Android targets]
=============================================================
至此,phonegap的工程搭建完成。那么,如何跟 sencha touch结合呢?
1.安装sencha touch命令行。(上官网下载exe文件:http://cdn.sencha.com/cmd/4.0.1.45/SenchaCmd-4.0.1.45-windows.exe.zip)
2.解压sencha touch的压缩包,存放的目录例如:
e:/webroot/touch-n.n/
命令行下,进入该目录,执行以下命令,创建一个sencha touch工程:
$ sencha generate app MyApp ../MyApp
或者:
sencha -sdk /path/to/sencha-touch-sdk generate app MyApp /path/to/www/myapp
3. 进入文件夹
cd MyApp
4.添加android的应用支持:
sencha cordova init com.example.MyApp MyApp
注意:保持这里的app id、工程名称和之前我们创建的phonegap工程一致。
5.打开MyApp根目录,修改cordova.local.properties文件,设置运行环境为android:
cordova.platforms=android
6.执行命令,打包文件到工程目录。
sencha app build package
注意:默认sencha touch是打包到MyApp目录下的build文件夹,我没找到修改路径的配置,所以需要先修改 MyApp下面的build.xml,添加一个任务:
<target name="-after-build">
<copy todir="E:\phonegap-project\MyApp\platforms\android\assets\www">
<fileset dir="build/package/MyApp"/>
</copy>
</target>
这样就可以把文件都拷贝到phonegap的工程目录下面了。
至此完成!
sencha touch一个工程+phonegap一个工程。前者输出js+html给后者,后者再打包为apk文件。
其它:
1.本来sencha内置了直接打包为apk文件,但是我的机子上无法正确运行。
BUG:
http://www.sencha.com/forum/showthread.php?276203-Possible-bugs-in-Sencha-Cmd-4.0.1.45
2.目前的在js里面写中文,sencha touch打包以后会乱码。(环境:win7 + SenchaCmd-4.0 + sdk 2.3.1 )
解决方式:给js里面第一行添加://@charset utf-8 即可。
分享到:
相关推荐
在本文中,我们将深入探讨如何使用 Ionic、Cordova 和 AngularJS 搭建移动应用程序的开发环境。首先,让我们从基础开始。 1. **Java 开发工具包 (JDK) 安装与配置**: - JDK 1.8 或更高版本是必需的,因为这些工具...
在本文中,我们将深入探讨如何基于 Ionic、Cordova 和 AngularJS 搭建移动应用程序的开发环境。这些技术是构建跨平台移动应用的流行选择,尤其是对于那些希望使用 Web 技术栈(如 HTML、CSS 和 JavaScript)进行开发...
### Cordova+H5+React+AntD 开发技术手册 #### 一、Cordova —— 混合应用开发的基石 Cordova(前身为PhoneGap)是一种开放源码的移动开发平台,允许开发者使用HTML、CSS和JavaScript来创建跨平台的移动应用。这一...
### Cordova生成Android的settings.gradle配置Module解析 #### 一、引言 在跨平台开发领域,Cordova作为一款开源框架,允许开发者使用HTML、CSS和JavaScript等Web技术来构建移动应用。对于Android平台,Cordova会...
在Cordova 3.x的基础上,开发者可以结合UI框架如Ionic Framework来构建美观且功能丰富的移动应用。 Ionic Framework是一个专为Cordova和AngularJS设计的开源HTML5移动应用框架,旨在提供一套完整的UI组件和工具,...
这个"cordova-android-3.0.x.zip"压缩包包含了针对Android平台的PhoneGap 3.0框架,同时也提供了测试相关的资源,使得开发者能够更好地理解和学习如何在Android设备上运行PhoneGap应用。 1. **PhoneGap 3.0 简介**...
标题 "cordova.plugin.bluetooth.printer" 指向的是一个Cordova插件,专门用于实现蓝牙打印功能。Cordova是一款开源的移动应用开发框架,它允许开发者使用HTML、CSS和JavaScript来构建原生的移动应用。这个插件是...
基于ionic+cordova+angularJs搭建移动端App开发环境。
Crosswalk-Cordova是基于Cordova的一个增强版本,其中Crosswalk是一个开源项目,提供了嵌入式Webview,而Cordova则是一个轻量级的框架,允许开发者使用HTML5、CSS3和JavaScript来构建原生移动应用。结合两者,开发者...
在本文中,我们将详细探讨`cordova.plugin.bluetooth.printer`这个插件的功能、使用方法以及蓝牙打印的基本原理。 一、蓝牙打印插件介绍 `cordova.plugin.bluetooth.printer`是基于Cordova框架的一个插件,它为...
在Cordova 3.x版本中,这些功能对于开发者理解和构建混合应用至关重要。 1. 初始化过程: 当应用启动时,`cordova.js`首先处理初始化工作。它会监听页面加载事件,当DOM加载完成后,它会触发`deviceready`事件。这...
Ionic+Cordova 环境搭建知识点大全 Ionic+Cordova 环境搭建是移动应用开发的必经之路,对于初学者来说,环境搭建的过程往往是一个痛苦的过程。本文将详细介绍 Ionic+Cordova 环境搭建的过程,包括 JDK 环境配置、...
3. **CordovaLib**:在提供的压缩包内,`CordovaLib` 是核心库项目,包含了 Cordova 的 Java 源码和资源。这些源码实现了 Cordova 的插件系统、WebView 扩展以及与 Android 系统的接口。开发者在构建 Cordova 应用时...
cordova-filepicker, filepicker.io 原生SDK的Cordova插件 Cordova Filepicker插件作者声明: Swantner,and 。描述这个插件提供了一个简单的方法来使用 Filepicker.io 原生 SDK 。这个插件是为 Cordova> = v2.1.0...
实实在在经过ant编译的cordova-2.9.1.jar 而不是有些人坑蒙拐骗的rar文件
cordova.js,cordova.js,cordova.js,cordova.js,cordova.js,cordova.js,cordova.js, cordova.js,cordova.js,cordova.js,cordova.js,cordova.js,cordova.js,cordova.js cordova.js,cordova.js,cordova.js,cordova.js,...
首先,作者介绍了如何在Windows和Android环境下搭建Cordova开发环境,这是开发移动应用的第一步。环境搭建包括安装Node.js、Java开发工具包(JDK)、Android SDK、以及Cordova CLI工具。 接下来,书中讲解了设置应用...
总结:配置 MAC OS 上的 Sencha Touch + Cordova 开发环境需要安装 Xcode、Sencha Touch SDK、Sencha CMD、JRE 7、Ruby,以及 Node.js 和 Cordova。完成环境配置后,按照步骤创建 Sencha Touch 项目,将其整合到 ...