导航
当前位置:首页>>app
在线生成app,封装app

hbuilder怎么打包ios的app

2023-09-23 围观 : 26次

HBuilder打包App教程

HBuilder是DCloud(数字天堂)推出的一款支持HTML5的Web开发IDE。该软件既可以支持web代码编写,也可以将已经编写好的项目代码打包为手机APP。

HBuilder提供的打包有云端打包和本地打包两种,云端打包的特点是DCloud官方配置好了原生的打包环境,可以把HTML等文件编译为原生安装包。

1,下载HBuilder,注册并登陆。首先打开“文件”-“新建”-“移动APP”,输入“应用名称”,“位置”可以根据需要自己选择即可,“选择模板”建议选择空模板;



2,新建完成后, 在项目管理器会显示新建的项目目录,其中css,img,js和index.html这几个文件可删可改可替换。

unpackage文件夹是放置app图标和启动界面的图片。

manifest.json文件是移动App的配置文件,用于指定应用的显示名称、图标、应用入口文件地址及需要使用的设备权限等信息,用户可通过HBuilder的可视化界面视图或者源码视图来配置移动App的信息。



3,如果删除了css,img,js文件夹和index.html文件,就把其他自己的项目文件对应复制到文件夹中,注意html文件中的引用路径需要保持正确。




如下图自己拷贝的项目:

4, 文件复制完成后,刷新更新下,双击打开manifest.json文件来配置App。



appid:点击云端获取。版本号:根据需要来编辑。页面入口:默认是index.html,根据自己项目需要,更改APP的启动页面。应用描述:自己随便填。应用是否全屏显示:勾上就全屏显示。

5,图标配置:点击页面下方的图标配置,配置APP显示图标。



1)点击"+“号的正方形方框,选择图标素材的路径找到图标素材,再点击” 自动生成所有图标并替换"按钮,完成图标生成和替换。

2),生成的图标自动在unpackage文件夹下



6,启动图片(splash)配置,点击切换到启动图片配置

1),启动选项:默认

2),启动图片设置,根据自己需要是Android还是iOS平台,再根据不同设备对应做出启动图片

3),在unpackage→res文件下新建个文件命名"splash",把做好的启动图片放到这个文件里面。



4),在启动图片设置里点击"选择",找到刚放进来的启动图片



7,SDK配置:有需要就配置,没有就默认就行。

8,模块权限配置:有需要就配置,没有就默认就行。

9,页面引用关系:

首先点击“扫描代码”,再点击左边index.html文件

该功能是什么意思:点击左侧html文件,右侧会显示不同的文件,图片等。可以表示左侧html文件加载时所需要的资源。



10,代码视图:在代码视图里查看设置是否正确,确定后ctrl+s保存好。

11,设置好配置选项,正式进入打包阶段

HBuilder里点:“发行”-"发行为原生安装包"开始打包



这里介绍一下iOS打包

1),这里如果选择越狱包就不需要苹果证书,一路默认设置就可以打包成功,但是打包的App只能安装在越狱过的手机,没越狱安装不了。

2),如果使用苹果证书,这里推荐一个申请iOS证书的工具 Appuploader。免苹果付费开发者账号,直接使用普通苹果id,就能使用Appuploader申请ios测试证书,打包ipa安装到非越狱设备。

12,提交成功后点击确定,就可以查看App打包状态



等打包成功,就可以点手动下载,通过第三方工具 苹果助手安装到ipad上了。

13,调试和安装模拟器



如果你需要在电脑本机进行调试那就需要安装模拟器,请参考http://ask.dcloud.net.cn/article/151如何安装配置手机模拟器,或者在HBuilder里→→运行→→手机运行→→如何安装配置手机模拟器进入查看。

如果需要安装到手机进行真机调试,把手机用数据线连接到电脑,然后重新启动HBuilder→→运行→→手机运行→→连接上真机。

相关文章
  • app定制开发太贵

    在互联网领域中,手机app定制已经成为了一种趋势。越来越多的企业选择开发自己的手机app来满足市场需求,提供更好的服务。然而,一些初创企业或个人却因为高昂的开发费用而放弃了定制开发。下面详细介绍一下为什么app定制开发价格较高:1. 高昂的开发成本定制一个app需要一个开发团队。这个团队包括了开发人...

    2023-11-14
  • mac可以开发安卓吗

    Mac是一种非常流行的电脑操作系统,而Android是世界上最流行的智能手机操作系统之一。许多人可能会问,Mac能否开发Android应用程序呢?答案是肯定的。本文将介绍如何在Mac上开发Android应用程序的原理和方法。首先,必须清楚地了解Android是如何工作的。Android应用程序是使用...

    2023-11-09
  • 一个人可以开发app吗

    当今时代,移动应用程序已成为人们生活中必不可少的一部分。随着智能手机的普及和移动互联网的发展,越来越多的人开始关注和使用各种类型的应用程序。那么,一个人可以开发应用程序吗?答案是肯定的。在本文中,我们将介绍一个人可以开发应用程序的原理和详细步骤。首先,一个人开发应用程序需要以下几个方面的知识:1.编...

    2023-10-17
  • h5混合开发app教材

    H5混合开发App是一种相对于原生开发App更加高效和灵活的方式,它能够结合Web技术和原生技术,同时兼具Web页面的跨平台特性和原生App的流畅性和优秀用户体验。下面详细介绍H5混合开发App的原理和技术。一、H5混合开发App基本原理H5混合开发App基本原理是将Web页面嵌入到App中进行展示...

    2023-11-22
  • exe生成器

    exe生成器是一种软件开发工具,它可以将编写好的程序代码转换成可执行文件exe格式,方便用户直接运行程序。exe生成器的原理主要是将程序代码编译成机器码,然后将机器码与所需的运行库打包成exe文件。下面将详细介绍exe生成器的原理和使用方法。一、exe生成器原理1. 编译器编译器是将高级语言代码转换...

    2023-10-13