ionic+phonegap+html+Leancloud实现论坛类跨平台APP

项目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存储并读取数据

论坛分类