多语言展示
当前在线:680今日阅读:145今日分享:43

HTML5+CSS3+jQuery Mobile构建Android APP

利用HTML5+CSS3+jQuery Mobile编写适合于移动设备访问的移动页面,通过Apache Cordova构建移动APP,并发布。
工具/原料
1

Java JDK,Android SDK,Apache Ant

2

node JS,Apache Cordova

方法/步骤
1

安装Cordova安装Cordova需要以下几步(1)JAVA的JDK配置相关的环境变量:JAVA_HOME,path,classpath(2)Android的SDK配置环境变量:ANDROID_SDK,path(3)Apache AntApache Ant下载地址http://ant.apache.org/bindownload.cgi,安装好Ant后,配置环境变量:ANT_HOME,path。(4)Cordova接下来安装node JS,下载地址为http://nodejs.org/。安装好node JS,在命令提示符中,使用npm命令安装Cordova:npm install -g cordova

2

发布Android APP安装好Cordova,接下来发布Android APP(1)创建项目在cmd窗口中切换到放置项目的文件夹cordova create hello com.example.hello HelloWordcordova create后的三个参数:hello为文件夹名称,即项目名称;com.example.hello为App id,同一个手机中Google play商店不能重复;HelloWord为APP名称。(2)添加Android平台cmd窗口中切换到项目所在文件夹,输入以下命令来创建Android平台。cordova platform add android(3)导入网页程序将制作好的网页文件,包含HTML文件、图形文件等所有相关文件复制到www文件夹中,首页文件名默认为index.html。可打开项目文件夹中的config.xml文件,将index.html改为首页文件名。(4)创建App在cmd窗口中切换到项目所在文件夹。用命令创建Android应用。cordova run android (创建App,并在模拟器中运行App)cordova build (只创建App,不从模拟器预览)

推荐信息