HBuilder编辑器以及如何使用它来进行iOS离线打包

欲善其事必先利其器,我做了两周的HTML5开发,帮着同事写了1、2个界面,然后我就分享我的这条道路吧。

HBuilder编辑器以及如何使用它来进行iOS离线打包_第1张图片
搜索下载

HBuiler的好处在于它引用了一个MUI框架(MUI官网地址: http://dev.dcloud.net.cn/mui/)
还可以直接创建APP项目
HBuilder编辑器以及如何使用它来进行iOS离线打包_第2张图片
创建APP项目

你可以直接创建一个MUI Hello 然后在mac下运行各种模拟器,真机,都可以,它下面还有入门介绍。我就不多说了。


HBuilder编辑器以及如何使用它来进行iOS离线打包_第3张图片
引用MUI

运行模拟器


HBuilder编辑器以及如何使用它来进行iOS离线打包_第4张图片
运行
HBuilder编辑器以及如何使用它来进行iOS离线打包_第5张图片
模拟器效果图

做开发啥的就不用我说了吧,该怎么写就怎么写,我也没有技巧。

将纯HTML5项目集成iOS项目运行

这个前提是你必须在HBuilder上开发的HTML项目,因为我是跟着它的官网来的。

文档路径:http://ask.dcloud.net.cn/docs/

HBuilder编辑器以及如何使用它来进行iOS离线打包_第6张图片
路径

HBuilder编辑器以及如何使用它来进行iOS离线打包_第7张图片
下载的东西

进入下载他提供的东西,然后直接在他给的项目行进行各种文件的配置,不需要自己一个一个去集成,不然,你会很吃亏的,我吃过了,弄了一天,各种错误,然后问了人别人给我说他们都是直接在官网给的项目上修改的。

我接下来就说需要重点注意的地方:
1>将www文件夹上面的那个文件夹名称改为你的HBuiler里面json的id名称

HBuilder编辑器以及如何使用它来进行iOS离线打包_第8张图片
iOS项目显示效果
HBuilder编辑器以及如何使用它来进行iOS离线打包_第9张图片
HBuilder中的json显示

2>在这个里面,修改id,为html项目中的id,appver为HTML项目中JSON里面的code


HBuilder编辑器以及如何使用它来进行iOS离线打包_第10张图片
修改

3>在info中当前版本号对应json中的东西,build对应code(这个是为了你做版本更新的)


HBuilder编辑器以及如何使用它来进行iOS离线打包_第11张图片
info文件中

4>你必须将iOS项目中的json中的注释全部删掉

5>如果你想用自己的启动图和图标,我试了几种,然后成功的就是根据他给的名称改你的图片名称

HBuilder编辑器以及如何使用它来进行iOS离线打包_第12张图片
启动图和app应用图标

6>这是我感觉最重要的你做了上述操作还必须做一件事情(将你的程序卸载,再重新运行一次,因为你有些东西不这样是引用不了的)

HBuilder编辑器以及如何使用它来进行iOS离线打包_第13张图片
卸载程序

大功告成

HBuilder编辑器以及如何使用它来进行iOS离线打包_第14张图片
运行效果

你可能感兴趣的:(HBuilder编辑器以及如何使用它来进行iOS离线打包)