phonegap是一个跨平台的移动app开发框架,但是对于新手来说,遇到这么个陌生的东西,最麻烦的就是环境搭建,环境搭建成功,说明你已经学会了50%的phonegap开发了。这里主要先说android 环境搭建,ios是非常之简单
1.下载和安装Cordova框架
现在cordova是利用nodeJS进行管理,所以需要先下载nodeJS。其中,就包含了npm管理器。下载地址:
https://nodejs.org/
在命令行窗口确认安装完成,输入命令,查看nodejs版本
npm –version
2.在windows上安装Cordova
在命令行窗口输入:
npm install -g cordova
安装完后输入命令检查是否安装成功
cordova -v
3.安装android开发环境要求的jdk
自己到sun.com 下载java的开发环境,现在是最新版1.8,很简单,双击exe安装
4. 安装ADT,要编译android应用,需要adt sdk编译器,这个是google的,可能需要fanqiang
下载ADT,地址:
http://developer.android.com/sdk/
安装完后 启动Android SDK Manager,下载android sdk和工具
上面主要的难点和问题是android sdk的安装,因为被墙的原因,安装可能需要耗点时间和精力。安装完后就可以使用cordova了。
5.创建第一个phonegap/cordova 项目
创建cordova项目,第一个demo是目录,第二个是应用包名,第三个参数是应用名称
cordova create demo com.baidu.demo demo
工程创建完后添加android支持
Cordova platform add android
第一次创建项目需要联网下载模板,可能需要点时间,等待完成后输入编译命令
Cordova run android
如果android手机连接到了电脑,应用会被安装到手机,可以在手机上查看效果了,如果手机未连接到电脑或者未正常驱动,则可以单独编译然后手动安装
Cordova build android
Build后apk会产生,放在项目的platform/android/builds/下面
Phonegap cordova开发交流群475496285
分享到:
相关推荐
phonegap cordova 最简单的android应用例子,直接执行cordova run android 进行编译后可以在手机上浏览效果
phonegap cordova简明环境配置入门文档 phonegap cordova 简明 环境配置 入门 连接真实机器调试,目录结构介绍, eclipse html插件的下载和安装
看完还是不会,建议你就不要再学移动开发了
一些简单的入门级的例子,适合初级者,希望对大家有所帮助
phonegap,cordova2.9源代码,以及自带的示例程序
Cordova 3.x(aka PhoneGap)的基础知识、实用插件、源码分析、实例开发。
PhoneGap 使用 Pushwoosh 构建入门应用程序 一个 Hello World 应用程序,用于开始使用集成了 Pushwoosh 推送通知的 PhoneGap Build(iOS、Android)。 用法 运行应用程序 /www/index.html 运行测试 /www/spec.html...
读卡器-phonegap Cordova 插件,适用于 3.5 毫米耳机插Kong迷你磁性移动读卡器 入门 安装插件并使用以下方法“cardReaderStart”启动读卡器: function cardReaderStart ( cardReadSuccess , cardReadFailure ) {...
Cordova提供了一组设备相关的API,通过这组API,移动应用能够以JavaScript访问原生的设备功能,如摄像头、麦克风等。Cordova还提供了一组统一的... 结合式实际业务的例子,打开项目直接就可用,初学者的入门必备源码!
它使用Phonegap / Cordova Wikitude插件(7.1)的版本,并且基于Ionic 3(3.19.0) 。 它包含Wikitude示例项目(浮动在相对位置的地球的3D模型)中的两个示例AR世界(1个地理世界-默认,一个图像识别世界)。 通过...
添加cordova的device-plugin: phonegap local plugin add org.apache.cordova.device 添加我的插件: phonegap local plugin add https://github.com/DURK/cordova-datepicker-plugin 跑步! phonegap local run...
使用AngularJS + Ionic框架的PhoneGap / Cordova完全混合应用程序 多主题应用程序(根据离子颜色主题:肯定,肯定等) 使用angular-translate( )的多语言应用程序 将页面设置为 更改应用的主题 更改应用程序的...
具有Babel,Webpack和热重载的Vue.js,Framework7和Cordova / PhoneGap模板 入门 先决条件 要使用此模板,您将需要Node.js v5或更高版本。 安装 要将其用作模板,请使用Cordova 6.0.0+并创建一个新项目: cordova ...
Cordova PhoneGap Ionic的Branch SDK文档查看
Cordova是一个将HTML、CSS、JS封装为原生APP的移动开发框架。 前身是Adobede PhoneGap产品。是Apache的顶级开源项目。
使用Cordova / Phonegap进行编码的简单通用API。 如果未加载Cordova,功能会回退,从而降低浏览器功能。 该软件包包含多个功能: 在设备上在Cordova中运行流星 允许应用程序缓存工作 如果流星无法加载,则使用...
如果您刚开始接触PhoneGap或者需要回顾PhoneGap基础知识,请先阅读XcodeforiOS的PhoneGap入门,然后再继续阅读本文。本文交替使用术语Cordova和PhoneGap指示同一开源应用程序平台,该平台可供您使用HTML和JavaScript...
角PhoneGap 使用 Cordova 和 AngularJS 构建一流移动应用程序的自以为是的工作流程。 这个自述文件偏向于 Cordova 上的 iOS 应用程序,但它的目标是在未来与平台无关。入门要求要使用此工具,您需要安装以下内容: ...
Phonegap桌面应用快速入门-开发人员模式从该项目的根目录运行npm install来设置项目依赖项cd到www文件夹并运行npm install以获取应用程序依赖项cd ..回到根目录并运行npm run reload以启动实时重新加载服务器以进行...