项目github地址:https://github.com/flyawayliwei/Test/tree/master/www
ionic+phonegap+html做前端
后台使用:LeanCloud
1.学习
http://www.cnionic.com/web/index.php?s=/forum/index/index.html
http://www.ionic.wang/
http://ionichina.com/
https://github.com/juarezpaf/ionic-adventures
2.环境配置
安装步骤:
参考文档:PhoenGap3.4 android环境安装教程
1.PhoneGap3.4安装(包括nodejs,cordova)
参考文档:第一讲 phonegap 性能优化 以及 phonegap + Angularjs +ionic
2.Angularjs
3.ionic安装
4.ionic创建工程测试
【PhoneGap3.4安装-问题】
1.遇到javac不能运行
解决参考:
以前装jdk 从来没遇到过今天这种情况,各种解决办法试了一下午,终于出来了,说一下解决的办法:
JAVA_HOME 、classpath 都在系统变量中建立好;
java_home 添加jdk的安装目录,注意java_home 要书写正确:安装目录后边不要加分号。
classpath 的对应值是 .;%java_home%\lib\dt.jar;%java_home%\lib\tools.jar 注意这个地方不要漏掉最前面的 点 .
在原来的path值后面添加 ;%java_home%\bin;%java_home%\jre\bin
确定后 ,重新启动cmd 输入 javac 这次就好用了。记得要重启哦
2.安装完成三个文件,并处理了问题1以后,【步骤三,安装phonegap时】:运行npm 或phonegap都提示,不是内部命令
解决:卸载 nodejs(node-v0.12.7-x64.msi),重装node-v0.12.7-x64,重启电脑。
3.解决完问题2后,运行npm install...是可以的,但是提示:npm warn engine xmlbuilder
解决:卸载【node-v0.12.7-x64】,安装【node-v0.10.26-x64】,重启电脑后,再输入命令行,解决问题。
4.运行【cordova build】报错
运行【cordova run android】也报错
报错:unknown platforms:android; please install Android target:"android-22"
you will require:1.android-22 2.android sdk Platform-tools(latest) 3.Android sdk build-tools(latest)
You may not have the required enviromment or os to run this project
解决:
下载android api 22
http://www.cnblogs.com/bjzhanghao/archive/2012/11/14/android-platform-sdk-download-mirror.html
5.运行【cordova run android】报错:error no emulator images(avds)found.
解决:打开avd manager 创建一个adv name
引来附加错误:直接运行AVD Manger.exe 报错,failed to execute tools android.bat
解决:拷贝AVD Manager.exe至D:\android-sdk-windows\sdk目录下
【附】AVD manager 创建avd name 示例:http://zhidao.baidu.com/link?url=oOIeqH87j0TeUZoMouMrF2HHMQc_9jp64nJ6rHY8vXYsh7PGgq7MUDY79jBuMvzQn_9_OZCtES2J1NfH4i_d-q
【ionic创建工程测试-问题】
1.按照文档执行,第一次创建工程时,cmd提示需要创建账号,选择Y,在网站注册账号,并重新在cmd登陆
参考:
注册成功以后,有了账号和邮箱
更新项目
$ ionic login
$ ionic upload
运行项目
$ cd myApp
$ ionic platform add android
$ ionic build android
$ ionic run android
2.在ionic platform add android时,报错,解决:参考问题1,解决
3.在ionic build android时报错:Please install Android build tools version 19.1.0 or higher
解决:19.1.0下载,并拷贝到SDK目录D:\adt-bundle-windows-x86_64-20130917\sdk\build-tools\19.1.0
测试:
1.创建工程,(目录在创建ionicdemo:platform->android->andbuild 有一个apk安装包)
参考链接:http://segmentfault.com/a/1190000002560220
参考文档:
2.Eclipse,导入项目,运行。
3.命令运行,cmd进入项目根目录,先查看是否有连接的设备 adb devices(手机可用360连接);再输入ionic run android
就会拷贝到手机安装了。
3.实践项目
调用相机和读取图库
配合leancloud存储并读取数据
论坛分类