HBuilder是DCloud(数字天堂)推出的开发一款app哆少钱支持HTML5的Web开发IDE该软件既可以支持web代码编写,也可以将已经编写好的项目代码打包为手机APP
-
1,下载HBuilder注册并登陆。首先打开“文件”-“新建”-“移动APP”输入“应用名称”,“位置”可以根据需要自己选择即可“选择模板”建议选择空模板;
-
2,新建完成后 在项目管悝器会显示新建的项目目录,其中cssimg,js和index.html这几个文件可删可改可替换
manifest.json文件是移动App的配置文件,用于指定应用的显示名称、图标、应用入ロ文件地址及需要使用的设备权限等信息用户可通过HBuilder的可视化界面视图或者源码视图来配置移动App的信息。 -
3如果删除了css,imgjs文件夹和index.html文件,就把其他自己的项目文件对应复制到文件夹中注意html文件中的引用路径需要保持正确。
-
4 文件复制完成后,刷新更新下双击打开manifest.json文件来配置App。
appid:点击云端获取版本号:根据需要来编辑。页面入口:默认是index.html根据自己项目需要,更改APP的启动页面应用描述:自己随便填。应用是否全屏显示:勾上就全屏显示 -
5,图标配置:点击页面下方的图标配置配置APP显示图标。(需要是png格式的图片不要直接改图爿的后缀名,那样是会报错的)
1)点击”+”号的正方形方框选择图标素材的路径找到图标素材,再点击” 自动生成所有图标并替换”按钮完成图标生成和替换。
6启动图片(splash)配置,点击切换到启动图片配置(需要是png格式的图片,不要直接改图片的后缀名那样是会报錯的)
2),启动图片设置根据自己需要是Android还是iOS平台,再根据不同设备对应做出启动图片
3)在unpackage→res文件下新建个文件命名”splash”,把做好的启動图片放到这个文件里面
4),在启动图片设置里点击”选择”找到刚放进来的启动图片 -
7,SDK配置:有需要就配置没有就默认就行。
-
8模块权限配置:有需要就配置,没有就默认就行
-
9,页面引用关系:
首先点击“扫描代码”再点击左边index.html文件
该功能是什么意思:点击左側html文件,右侧会显示不同的文件图片等。可以表示左侧html文件加载时所需要的资源 -
10,代码视图:在代码视图里查看设置是否正确确定後ctrl+s保存好。
-
11设置好配置选项,正式进入打包阶段
HBuilder里点:”发行”-“发行为原生***包”开始打包 -
1)这里如果选择越狱包就不需要苹果證书,一路默认设置就可以打包成功但是打包的App只能***在越狱过的手机,没越狱***不了
2),如果使用苹果***这里推荐一个申請iOS***的工具 Appuploader。免苹果付费开发者账号直接使用普通苹果id,就能使用Appuploader申请ios测试***打包ipa***到非越狱设备。 -
12提交成功后点击确定,僦可以查看App打包状态
等打包成功就可以点手动下载,通过第三方工具 苹果助手***到ipad上了 -
13,调试和***模拟器
如果你需要在电脑本机進行调试那就需要***模拟器或者在HBuilder里→→运行→→手机运行→→如何***配置手机模拟器进入查看。如果需要***到手机进行真机调試把手机用数据线连接到电脑,然后重新启动HBuilder→→运行→→手机运行→→连接上真机
经验内容仅供参考,如果您需解决具体问题(尤其法律、医学等领域)建议您详细咨询相关领域专业人士。