使用Ionic构建简单的Android/iOS App

嘛，起因是因为开网页开三小时预报太麻烦了，市面上又没有一个软件去显示三小时预报……所以就自己花了半天时间做了这个小东西。之前从来没有接触过app开发……估计以后也不会碰了>.<

Ionic是一个跨平台App Framework，使用HTML+JavaScript就可以构建想要的应用。不过嘛，真正复杂的应用，肯定还是得用java……

首先，配置所需环境。

需要安装的东西很多。首先安装Ionic。可以参考这里http://www.ionicframework.com/getting-started/

这个东西需要Apache cordova的支持，而且这两者都需要通过Node.js的包管理器npm来安装。

在Windows下直接安装Node.js的.msi文件，然后直接

npm install -g cordova ionic

就可以了。然后还有开发Android App必须有的两样东西：Android SDK和Java Development Kit(jdk+jre)，这俩都直接上官网下二进制文件安装就行。

安装好之后，需要在环境变量里加一个ANDROID_HOME，指向Android SDK，同时把Android SDK安装目录下的/bin文件夹加入Path

还有，需要在环境变量加一个JAVA_HOME，指向jdk安装目录。

在命令行运行java -version确认安装正确。在命令行运行android确认Android SDK安装正确，同时可以选择下载一些System Image和其他一些sdk。

还是命令行，创建一个Ionic应用。这里有几种模板可以选，可以上官网看看。我选的是空白。

ionic start myAppName blank

然后进入应用目录，配置相关事项。

cd myAppName
ionic platform add ios

 

然后就可以随便用什么IDE/编辑器打开文件进行修改了。基本上也没什么限制。我直接用simple html dom构建了一个后端来抓数据，然后引用了一下jquery来了个ajax就完成了。Ionic似乎是AngularJS的……但是我还不大会，这个就算了嘛……我尝试用$http来ajax但是失败了？

这里有一个坑，就是在用jQuery进行ajax的时候，cache一定要false，否则直接返回404，我也不知道什么鬼。

然后通过Ionic打包应用。

ionic build android

如果手机连电脑+开USB调试可以直接

ionic run android

Ionic的官网有一份guide，可以看看还挺详细的。更复杂的应用也需要去官网查API文档。

=。=就是这样了。没有apk，没有截图。你们脑补吧。