hbuilder打包app入门教程

1.环境搭建:
输入官方网址www.dcloud.io后
选择对应的版本下载即可,这里选择的是hbuilder,而非hbuilderx,两者都可以,操作基本上一样,初学者建议使用hbuilder
hbuilder打包app入门教程
文章图片
根据提示下载完以后安装即可。
2.新建项目:
hbuilder打包app入门教程
文章图片
3.manifest介绍 :
manifest是app的所有配置所在的文件
里面可以设置app的图标,启动页,权限,版本等等与app相关的配置,很重要


hbuilder打包app入门教程
文章图片
3.1manifest 介绍:
hbuilder打包app入门教程
文章图片
4.app入口:
每个app都需要设置一个入口:
这里设置的地址一般设置为:index.html
ps:同时也可以设置为外网地址,这个时候打开app请求的都是外网的文件,而不是app包里面的文件,这种方式的好处是可以实时调试,不需要重新打包,只需要把外网服务器的文件更新即可
hbuilder打包app入门教程
文章图片


【hbuilder打包app入门教程】4.1 功能开发:
完成上面步骤后,接下来就可以正常开发,引入js和css 或各种第三方插件等等:


hbuilder打包app入门教程
文章图片
4.2 手机内置功能开发:
内置功能很多,这里用内置系统号,和内置弹框举例:
hbuilder打包app入门教程
文章图片
hbuilder 在启动的时候,会在页面中注入: common.js
plus对象的所有操作在这个js里面。
plus对象调用一定得在页面加载完commonjs 之后,否则会报错
4.2.1 取手机内置系统信息:


hbuilder打包app入门教程
文章图片
4.2.2调用手机内置弹窗:


hbuilder打包app入门教程
文章图片
5. 系统打包
5.1 安卓系统内置包:
hbuilder打包app入门教程
文章图片
hbuilder打包app入门教程
文章图片
接着就提交到云端操作,云端操作完就会自动将app包下载到本地,将apk文件拖入手机
即可运行自己的app。


hbuilder打包app入门教程
文章图片

    推荐阅读