admin管理员组文章数量:1565292
想要开发一款APP,不求兼容IOS,只要能支持安卓就可以啦。
但是呢安卓开发学习成本有点高,没那么多时间,我是做javaWeb开发,因此前端也会点,听说HTML5做移动APP挺好的,所以下载Hbuilder这个IDEA作为开发工具,制作自己的APP。
下载地址:http://www.dcloud.io/
下载后是一个压缩包,大约246MB吧,然后解压安装。
该IDEA是java开发,因此需要本地JDK环境,我的是JDK1.8。
解压后直接点击HBuilder.exe打开就进入到开发界面了。
想开发一款进销存得APP,通过博客记录一下。具体软件实用就不详细介绍了,直接开始搞起来。
第一步:先做一个简单的例子
新建一个名为First得移动APP
然后连接手机,实用USB调试那种。点击运行----真机运行----基于Hbuilder基座运行
你会看到你手机安装了一个Hbuilder得App,然后你打开后里面就是一堆前端页面元素什么得。
第二步:修改手机上的APP图标
可以看到打印日志:记住调试阶段更换图标手机上是看不到的,除非打包。
初次使用注意:
1、联机调试并非打包,调试基座 HBuilder 是默认的测试包,权限、图标都不可自定义。只有在点菜单"发行-发行为原生安装包"时才能自定义这些设置
2、更改文件保存后会自动同步到手机并刷新界面
3、Android手机可使用console.log()调试
应用First已启动...
{"id":"HBuilder","target":{"__view_array__":[],"__IDENTITY__":"NWindow","__uuid__":"587454008","__callbacks__":{"back":[null],"menu":[null]},"__callback_id__":"plus21535614687911","id":"HBuilder","preloaded":true}} at index.html:829
{"id":"index-menu","target":{"__view_array__":[],"__IDENTITY__":"NWindow","__uuid__":"NWindow111535614688241","__callbacks__":{"titleUpdate":[null],"loaded":[null]},"__callback_id__":"plus121535614688241","id":"index-menu","preloaded":true}} at index.html:829
0678 at examples/locker-dom.html:66
{"id":"HBuilder","target":{"__view_array__":[],"__IDENTITY__":"NWindow","__uuid__":"587454008","__callbacks__":{"back":[null],"menu":[null]},"__callback_id__":"plus21535614687911","id":"HBuilder","preloaded":true}} at index.html:829
{"id":"index-menu","target":{"__view_array__":[],"__IDENTITY__":"NWindow","__uuid__":"NWindow111535614688241","__callbacks__":{"titleUpdate":[null],"loaded":[null]},"__callback_id__":"plus121535614688241","id":"index-menu","preloaded":true}} at index.html:829
{"id":"HBuilder","target":{"__view_array__":[],"__IDENTITY__":"NWindow","__uuid__":"587454008","__callbacks__":{"back":[null],"menu":[null]},"__callback_id__":"plus21535614687911","id":"HBuilder","preloaded":true}} at index.html:829
{"id":"index-menu","target":{"__view_array__":[],"__IDENTITY__":"NWindow","__uuid__":"NWindow111535614688241","__callbacks__":{"titleUpdate":[null],"loaded":[null]},"__callback_id__":"plus121535614688241","id":"index-menu","preloaded":true}} at index.html:829
{"id":"HBuilder","target":{"__view_array__":[],"__IDENTITY__":"NWindow","__uuid__":"587454008","__callbacks__":{"back":[null],"menu":[null]},"__callback_id__":"plus21535614687911","id":"HBuilder","preloaded":true}} at index.html:829
{"id":"index-menu","target":{"__view_array__":[],"__IDENTITY__":"NWindow","__uuid__":"NWindow111535614688241","__callbacks__":{"titleUpdate":[null],"loaded":[null]},"__callback_id__":"plus121535614688241","id":"index-menu","preloaded":true}} at index.html:829
正在同步/manifest.json文件...
6 KB/s (6268 bytes in 1.000s)
文件/manifest.json同步完成...
修改manifest.json可能需要重新运行真机运行,因为该文件是App基础配置文件。
第三步:打包生成APP
打包的意思就是可以把这个项目当作文件下载下来当作App使用了。任何安卓手机下载都可以使用的。
看一下打包过程:
然后你就会看到一个正在打包的框框
然后把这个.apk文件下载到你的手机里面,像正常APP那样安装就能够使用了。不过这个只是一个简单的例子。下面我就要开发一个实际的进销存APP了,记录每天的出货进货账单等信息。
版权声明:本文标题:第一篇:移动APP开发-Hbuilder下载使用 内容由热心网友自发贡献,该文观点仅代表作者本人, 转载请联系作者并注明出处:https://www.elefans.com/xitong/1726629594a1079062.html, 本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容,一经查实,本站将立刻删除。
发表评论