一直想开发个APP玩玩的,但是作为一个PHP码农,需要新学习JAVA或者Object C,这也是一直没能实现这个目标的原因。但是现在HTML5+、APPCAN、apicloud很多工具利用前端技术就能轻松开发app,这也使我的这个 愿望终于能成真了。哪款工具适合自己只有试验了才知道,所以计划一边学习一边记录下来过程和体会。最先试用的是HTML5+,因为HBuilder这款前 端开发工具比较合眼缘吧。。。
首先从DCloud下载了HBuilder,地址是:http://www.dcloud.io/index.html,下载后解压出来就可以使用了。
软件打开经过一番摸索后,大致是弄清楚了如何做出一个APP来。
1。码农一般都知道的,新建项目嘛

选择新建“移动APP”,终于可以开发APP了,想想都有点小激动!

应用名称随便取一个,位置里填写代码的存放路径就好,模板也是随便选一个,开始反正就是玩儿嘛~
2。项目是建好了,该怎么浏览咧。码农的直觉告诉我,在文件上面右键应该有浏览功能

点击web应用程序就可以用浏览器来访问了,我的默认就是用chrome来访问,“运行配置”里应该可以选择其他浏览器,chrome用的蛮爽的,我就不去试了吧~

3。光在PC浏览器上看可不行啊,我们玩儿的可是APP额。于是在软件上又找了下,找到了个按钮,可以通过数据线安装APP到手机上面来调试。

至于如何生成APP、发行APP,HBuilder里有看到这几个功能,暂时就别玩那么大,等能真正做出自己的APP了再看吧。