Cordova webapp实战开发:(3)后面可能会学到的东西
在《Cordova webapp实战开发:(2)认识一下Cordova》中我们了解了Cordova和Phonegap的关系,并简要介绍了一下它的架构,以及多平台性,并给大家留了一些作业。我看到群里也有人已经完成,真是认真学习的人!我相信这样的人一定会进步比较快,认真而踏实,即使没有其他人聪明,但是一定会比他们更优秀。
周五的时候大家就给我上一篇点了40多个赞,并有20条回复,我又要开始写下一篇了。本来决定下周一开始写,不过看群里大家聊得蛮积极的,被这种学习热情所打动,我就把这个系列写的勤快一些吧。
那这一篇要写些什么呢?
如果对想学的东西在一开始有一个大概的了解,我想会增加对学习的信心和热情,所以,今天我要说的是后面我们可能会学到的东西。为什么说可能呢?因为我也在用Cordova做产品,后续可能会使用一些现在还没有使用到的东西,所以后续可能讲的会比我现在说的多。
今天的这篇博客没有作业,毕竟是周末,轻松一点也算是对自己好的一种表现,劳逸结合才能让自己更加高效。那我就开始罗列一下你可能会学到的东西吧。大家也可以补充你们想学的东西。如果正好是我也会的,我可以考虑是否加入以及如何加进去。
开发工具和开发环境
我们只讲Android和iOS下的App,所以也只要讲对这两个平台下的开发工具的环境搭建
开发Android我用的是Eclipse,Windows下进行
开发iOS用的是XCode,Mac OS下进行
服务器端为了简单,实际项目是JAVA,为了简单起见,我们就是用PHP语言来说,使用的工具仍旧是Eclipse,Windows下进行
前后端知识普及
Javascript简要知识
JQueryMobile简要知识
PHP
Android原生
iOS原生
Cordova项目
如何新建项目
Cordova项目文件介绍 如何使用Cordova自带插件
如何使用自己的插件
(不会涉及源码解析)
App功能点
JQuery Mobile页面编写
![](images/20151105114.jpg)
趋势图
![](images/20151105115.jpg)
自动完成
![](images/20151105116.jpg)
定位
![](images/20151105117.jpg)
Splash Screen
![](images/20151105118.jpg)
二维码和社交分享
![](images/20151105119.jpg)
自动更新
![](images/20151105120.jpg)
应用体验,自动登录
![](images/20151105121.jpg)
录音
传文件
拍照
![](images/20151105122.jpg)
推送
APP发布
Android市场
AppStore
运营
也许还会讲一些运营方面的内容,
![](images/20151105123.jpg)
![](images/20151105124.jpg)
Cordova webapp实战开发:(4)Android环境搭建
JAVA环境
1.安装JAVA JDK
2.打开我的电脑--属性--高级--环境变量
新建系统变量JAVA_HOME,变量名:JAVA_HOME ,变量值:C:\Program
Files\Java\jdk1.7.0
新建系统变量CLASSPATH,变量名:CLASSPATH ,变量值:.;%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar;
选择“系统变量”中变量名为“Path”的环境变量,双击该变量,在原来变量后追加
;%JAVA_HOME%\bin
3.现在测试环境变量的配置成功与否。在DOS命令行窗口输入“JAVAC”,输出帮助信息即为配置正确。如图:
Android环境
1. 下载Andorid SDK以及Eclipse
如果你想通过Eclipse来开发Andorid应用程序,在你配置好了JDK变量环境之后可以安装Eclipse之后下载Android
SDK(Software Development Kit)并在Eclipse中安装ADT插件,这个插件能让Eclipse和Android
SDK关联起来。为了更加方便,在Andorid SDK下载中会包括SDK以及一个可以直接使用的Eclipse。
写blog,我不能保证文章的内容在以后也能使用,包括下载地址和链接,但我既然写了,就要有责任保证现在的是能用的。以前下载地址是在Android
SDK,大家可以根据自己的系统选择相应的系统版本下载。不过今天我写这篇文章的时,不知是我网络原因还是其他的,总之不能访问,所以我在我的百度网盘放了一个之前下载的SDK压缩包,大家可前往下载:http://pan.baidu.com/s/1gdgur2j。下载完后,我把这个压缩包解压到E:\dev-tools\adt-bundle-windows-x86_64-20140321(你可以自己随便放在哪个盘符)
2. 环境变量的配置
在JAVA环境配置中,我们做了一步环境变量的配置,对于android的开发人员来说,我们首先要做的也是环境变量的配置。
打开我的电脑--属性--高级--环境变量
新建系统变量ANDROID_HOME,变量名:ANDROID_HOME,变量值:E:\dev-tools\adt-bundle-windows-x86_64-20140321\sdk
选择“系统变量”中变量名为“Path”的环境变量,双击该变量,在原来变量后追加
;%ANDROID_HOME%\tools;%ANDROID_HOME%\platform-tools
现在测试环境变量的配置成功与否。在DOS命令行窗口输入“adb”,输出帮助信息即为配置正确。如图:
Cordova环境
在Apache Cordova官网上有明确的建立步骤,具体说明在 The
Command-Line Interface 中。
1.安装NodeJS
![](images/2015110614.png)
2.下载安装一个 git客户端
3.Window下行执行命令行:
Mac下执行命令行
$ sudo npm install -g cordova |
我现在的电脑已经存在Cordova项目,但是安装环境却没有了。为了写这篇文字,我又重新安装cordova,在命令行下输入
![](images/2015110615.jpg)
同样,仍旧非常慢,别急,耐心点,不要中断执行,出去跑5公里之后再回来看看是否安装成功了。本来这篇博文是昨天发布的,只是这一步一直未完成,今天一大早又再试了试,很快就完成了。
安装成功的样子是这样的:
![](images/2015110616.jpg)
如果你真的很着急,就要明白下载慢的原因了。下载慢是因为源的问题,如果等不及可以使用其它源。我看在PhoneGap
App开发QQ群中有人介绍了通过更改下载源可以解决,如果你知道的话,可以在本文回复一下,与大家分享一下。
敏捷个人,快乐、平衡、高效
下面我们来做一个Hello world示例
1. 新建一个项目,执行命令行 cordova create agileme
cn.zhoujingen.agileme AgileMe , 如果安装有问题可以后面加上 –d启动查看执行详细信息。下载类库时间有点长,我大概等了10几分钟吧,你也耐心点,不要中断执行。我第一次就是因为不想等了,然后中断,导致后面步骤失败,不得已删除下载的类库目录文件再次执行此步骤
![](images/2015110617.jpg)
error:please install android target:
"android-22".
![](images/2015110618.jpg)
老老实实打开Andorid SDK Manager下载最新Tools吧
![](images/2015110619.jpg)
不过要用代理才能下,算了,我直接用我以前做的代码做了一个Demo源码打包,使用的是Cordova3.几的版本。Andorid示例下载地址:webapptest.zip
如果你要下载,那就按这个设置,目前是可行,以后这个代理是否可用就不知道了。
![](images/20151106110.png)
至于如何使用Eclipse导入项目我就不说了,不知道的就网上找找,或者在群里问问大家吧
![](images/20151106111.jpg)
你可以在虚机上运行,
![](images/20151106112.jpg)
![](images/20151106113.jpg)
不过Andorid虚机很慢,我一般连接真机测试机
![](images/20151106114.jpg)
直接按运行,选择Andorid Application后,就会显示出主界面了
![](images/20151106115.png)
如果你看到这个界面了,恭喜你,你的成功迈进了一步。
|