如何开发制作成都封装app?

2022-07-09    分类: 网站建设

封装app应该如何进行开发与制作?



1.环境搭建:


输入官方网址 http://www.dcloud.io/hbuilderx.html


选择对应的版本下载即可,这里选择的是hbuilder,而非hbuilderx,两者都可以,操作基本上一样,初学者建议使用hbuilder,根据提示下载完以后运行HBuilderX.exe即可。


2.新建项目


3.manifest介绍 :


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


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


4功能开发(有技术就做开发,新手就不用动了)


5. 系统打包


5.1 安卓系统内置包:


接着就提交到云端操作,云端操作完就会自动将app包下载到本地,将apk文件拖入手机。或者使用原生APP本地打包,建议云端打包即可运行自己的app。


如果要封装苹果端:请学习以下详细封装教程含苹果免费证书申请工具,免开发者账号申请iOS证书教程、工具的安装。


准备素材


一安装一个 HBuilder


二、一张 256*256 的 APPLogo


三、一张 1920*1080 的 APP 启动图(小一些的也行)


操作步骤


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安装到非越狱设备。


工具的安装网址:http://www.applicationloader.net/blog/zh/72.html


免开发者账号申请iOS证书教程:http://www.applicationloader.net/blog/zh/1073.html


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


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


13,调试和安装模拟器


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


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


以上就是封装APP的开发制作过程了,如果还想更多想要了解的,可以来成都创新互联官方网站,浏览更多相关小知识。

本文标题:如何开发制作成都封装app?
当前网址:https://www.cdcxhl.com/news43/175943.html

成都网站建设公司_创新互联,为您提供小程序开发面包屑导航关键词优化App设计品牌网站设计网站改版

广告

声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联

h5响应式网站建设