hbuilder打包app入门教程

1.环境搭建:

输入官方网址www.dcloud.io后

选择对应的版本下载即可,这里选择的是hbuilder,而非hbuilderx,两者都可以,操作基本上一样,初学者建议使用hbuilder

hbuilder打包app入门教程_第1张图片

根据提示下载完以后安装即可。

2.新建项目:

hbuilder打包app入门教程_第2张图片

3.manifest介绍 :

manifest是app的所有配置所在的文件

里面可以设置app的图标,启动页,权限,版本等等与app相关的配置,很重要


hbuilder打包app入门教程_第3张图片

3.1manifest 介绍:

hbuilder打包app入门教程_第4张图片

4.app入口:

每个app都需要设置一个入口:

这里设置的地址一般设置为:index.html

ps:同时也可以设置为外网地址,这个时候打开app请求的都是外网的文件,而不是app包里面的文件,这种方式的好处是可以实时调试,不需要重新打包,只需要把外网服务器的文件更新即可

hbuilder打包app入门教程_第5张图片


4.1 功能开发:

完成上面步骤后,接下来就可以正常开发,引入js和css 或各种第三方插件等等:


hbuilder打包app入门教程_第6张图片

4.2 手机内置功能开发:

内置功能很多,这里用内置系统号,和内置弹框举例:

hbuilder打包app入门教程_第7张图片

hbuilder 在启动的时候,会在页面中注入: common.js

plus对象的所有操作在这个js里面。

plus对象调用一定得在页面加载完commonjs 之后,否则会报错

  4.2.1 取手机内置系统信息:


hbuilder打包app入门教程_第8张图片

4.2.2  调用手机内置弹窗:


hbuilder打包app入门教程_第9张图片

5. 系统打包

5.1 安卓系统内置包:

hbuilder打包app入门教程_第10张图片
hbuilder打包app入门教程_第11张图片

接着就提交到云端操作,云端操作完就会自动将app包下载到本地,将apk文件拖入手机

即可运行自己的app。


hbuilder打包app入门教程_第12张图片

你可能感兴趣的