使用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文件,然后直接

就可以了。然后还有开发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应用。这里有几种模板可以选,可以上官网看看。我选的是空白。

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

 

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

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

然后通过Ionic打包应用。

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

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

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

“使用Ionic构建简单的Android/iOS App”的2个回复

发表评论

电子邮件地址不会被公开。 必填项已用*标注