PhoneGap & Cordova 安装白皮书
1.前题:
PhoneGap是一个用基于HTML,CSS和JavaScript的,创建移动跨平台移动应用程序的快速开发平台。它使开发者能够利用 iPhone,Android,Palm,Symbian,WP7,Bada和Blackberry智能手机的核心功能——包括地理定位,加速器,联系 人,声音和振动等,此外PhoneGap拥有丰富的插件,可以调用。
2.直人主题:
环境要求比较多目前条件:npm + android studio; 步骤如下:
- 安装 npm install -g cordova //安装项目框架
- cordova create hello com.example.hello HelloWorld //创建项目
cd hello//进入目录;安装各大平台的包cordova platform add ioscordova platform add amazon-fireoscordova platform add androidcordova platform add blackberry10cordova platform add firefoxoscordova platform add wp8cordova platform add windows8cordova platform add amazon-fireoscordova platform add blackberry10cordova platform add firefoxos- cordova build /打包安装包(在这里遇到错误,绝对是很正常;因为环境需要自己简单配置下;)
- android studio 直接按流程下载(如果用自用下载的里的 gradle的话, 配置环境变量就行;不用下载android studio; 方便使用下载一个也可以):百度助手下载地址:https://www.baidu.com/link?url=T5PDrFoCzlJEFcgqzTgbnyKUjxlp0Dlh4F8j_9rICnL8LBRC5Je-7p7YroCyxXolivABAhp1itefdp-4Vi-TYxlfOBDbOeW13o8zh3FSWSW&wd=&eqid=95b187d6000062ce000000065a03b018
3.配置:
环境分类配置描述:
- jdk (jdk1.8.0_144)
- gradle (gradle-3.2)
- android-sdk (6.0)
- apache-ant (apache-ant-1.10.1-bin.zip)
官方下载地址:
http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html
http://developer.android.com/sdk/index.html
http://ant.apache.org/bindownload.cgi系统环境变量设定:添加新的环境变量, 根据安装路径,调整下面的路径:
如下参考,请别照抄:自定义变量:ANDROID_HOME Value: C:\Program Files\adt-bundle-windows-x86_64-\sdk
ANT_HOME Value: C:\Program Files\apacheant
JAVA_HOME Value: C:\Program Files\Java\jdk1..0_05path系统变量:%JAVA_HOME%\bin; %ANT_HOME%\bin; %ANDROID_HOME%\platform-tools; %ANDROID_HOME%\tools; 必需:配置 gradle 在 android studio;安装目录;添加环境变量path:(如:E:\xuying\android_studio\gradle\gradle-3.2\bin;;);另外还有编译器的安装:在android sdk manager 勾选TOOLS->android sdk Build-Tools; ; ;
sdk已安装截图
:
以下提供自用下载地址;http://pan.baidu.com/s/1eREAsVK
其他参考说明:https://www.cnblogs.com/mikemao/p/4259576.html
打包apk存放目录 :E:\xuying\phone\hello\platforms\android\build\outputs\apk

PhoneGap & Cordova 安装白皮书的更多相关文章
- WINDOWS下PhoneGap(Cordova)安装笔记
1.首先下载Node.js 安装nodejs很简单直接点击安装文件下一步直至成功即可,安装notejs的同时npm也会同时安装 成功后打开notejs的命令行工具 输入“node -v”," ...
- 如何安装 PhoneGap / Cordova (for Win10)
最近需要配置 PhoneGap / Cordova 环境,折腾了一阵子,写篇博客 Mark 一下整个过程. 具体参照了:http://www.assortedgarbage.com/apigee/ 以 ...
- [Phonegap+Sencha Touch] 移动开发36 Phonegap/Cordova项目的图标和启动画面(splashscreen)配置
原文地址:http://blog.csdn.net/lovelyelfpop/article/details/40780111 Phonegap/Cordova项目中的config.xml文件.里面配 ...
- ios开发环境配置及cordova安装与常用命令
一.ios开发环境配置 1.首先要有台Mac Book,如果有Mac Book,跳过步骤2.3.4,如果没有,执行步骤2.3.4: 2.下载并安装VMware Workstation,最好是下最新版本 ...
- PhoneGap+Cordova+SenchaTouch-01-环境搭建
转http://my.oschina.net/zhongwenhao/blog/369465 环境搭建基于 windows ,mac系统可以借鉴 1.安装NodeJS 和ruby http://no ...
- sencha touch 扩展篇之将sencha touch打包成安装程序(下)- 使用phonegap打包安装程序
这讲我们来讲解下如何使用phonegapa创建项目环境并通过她们将sencha touch打包成app,这里我们只讲解打包android的apk,打包ios的过程有点类似,但是需要在mac环境 ...
- phonegap+cordova+ionic调用原生API
上一篇博客讲了phonegap+cordova+ionic的环境搭建,今天再来分享一篇cordova调用原生API的文章.从技术角度上来讲,这并不是很难,只是有些细节要是没有注意,或者某些步骤不知道的 ...
- phonegap,Cordova 使用html5标签
某些安卓手机的webview使用location.href="tel:123456"不能调到打电话的界面,可以用下面的解决办法: config.xml文件最后加上一行: <a ...
- 跨平台移动开发phonegap/cordova 3.3全系列教程-目录
目录(更新完成后会附上源码供参考) 第一章 android平台开发 phonegap/cordova简介 1.开发环境搭建 2.helloworld 3.启动画面 4.结合asp.net/jqmboi ...
随机推荐
- BZOJ1997 平面图判定 平面图性质 2-sat
相交的两条边不能在同一侧,用2-sat即可. 平面图点数-边数关系 \(E\le 3V-6\) 写这篇文章我只是想说明,知乎一小时,题解一分钟. lb Zhihu, gos langar Qarwet ...
- 使用webview几种常见的hybrid通信方式
js 与原生之间的通信: 1.JSbridge::(webviewJavascriptBridge)一种js与原生native通信的机制,可以h5与native互调: 2.Cordova: 核心就是原 ...
- .call() 和 .apply() 的含义和区别
JavaScript中apply与call的用法意义及区别 apply()与call()的区别 javascript中apply和call方法的作用及区别说明 .apply()用法和call()的区别 ...
- CRM系统(第四部分)
阅读目录 1.引入权限组件rbac 2.分配权限 3.登录.引入中间件 1.引入权限组件rbac 1.settings配置app.中间件 INSTALLED_APPS = [ ... ... ...
- fileInput插件上传文件
一.ftl <form action="" method="post" name="form" id="form" ...
- WIN下修改host文件并立即生效
怎样修改WIN7下的host文件_百度经验https://jingyan.baidu.com/article/9faa72317903f1473c28cb01.html hosts立即生效的方法 - ...
- 通过修改Tomcat配置,解决乱码问题
贴图,问题如下: tomcat使用的默认编码方式是iso8859-1 修改tomcat下的conf/server.xml文件 找到如下代码: <Connector port="8 ...
- js-cookie和session
###1.cookie 含义: 存储在访问者的计算机中的变量,即存储在客户端 创建一个cookie /* getCookie方法判断document.cookie对象中是否存有cookie,若有则判断 ...
- React Native之code-push的热更新(ios android)
React Native之code-push的热更新(ios android) React Native支持大家用React Native技术开发APP,并打包生成一个APP.在动态更新方面React ...
- Windows环境下在IDEA编辑器中spark开发安装步骤
以下是windows环境下安装spark的过程: 1.安装JDK(version:1.8.0.152) 2.安装scala(version:2.11/2.12) 3.安装spark(version:s ...
