MUI、HBuilderX、H5+开发APP本地打包(iOS)

此文基于MUI、HBuilderX、H5+开发的APP本地打包,不适用uniapp。

同款Android的在这里: MUI、HBuilderX开发APP本地打包(Android篇)

iOS的离线打包感觉比Android的更简单点,或许是因为我本身做iOS原生开发的缘故。但当我看了官方提供的文档仍然摸索了一段时间,对于不是熟悉iOS开发的估计更加迷惑,所以按照我打包的操作步骤记录成文。以便下次回顾,还有以前写了Android离线打包,没有iOS的总感觉不完美。

不管是离线的还是官方所谓的在线云打包,其实都是一样的操作,不过我们的是手动一步步去操作,官方在线的直接跑脚本自动执行。所以不要认为云打包多神奇,它只是苹果开发原生操作上套了一层外衣,但对于一般情况来说它确实方便很多。

准备

  • Mac电脑或具备macOS环境的其他电脑
  • HBuilderX : 2.5.1.20200103
  • iOS SDK : iOSSDK@2.5.1.72774_20200103
  • Xcode : Version 11.1 (11A1027)
  • 苹果开发者账号(299的企业账号、99个人开发者账号、或针对学校教育的账号)

开始

1、首先HBuilderX导出项目的本地打包APP资源。

1.APP资源文件.png

com.light.dctt就是appid

2、下载 sdk iOSSDK@2.5.1.72774_20200103 包含SDK及示例相关。

1.目录结构.png

3、HBuilder-Hello 为打包官方示例,此示例一个全功能的demo,包含各种功能所需的动态库、框架及第三方sdk所以文件比较大。

因为重新建工程要引入的资源、动态库文件太多,有点繁琐。所以直接在这里操作,去掉不需要的部分,添加我们自己的东西。

4、打开工程:修改工程名,项目名等,总之把Hello-HBuilder改为我们自己的项目名;

2.HBuilder-Hello工程目录结构2.png

  • 修改项目名 , 把下面红框的改为项目名dctt
3名称.png

修改完工程名,一些文件路径肯定也变了,必须对应的修改否则编译提示找不到指定路径的文件。

3.编译路径.png
  • 修改名称、路径之后先运行下,确保不会出错。


    3.修改工程名称完成.png

OK,是原来的效果,说明我们名称路径之类的操作修改没问题。

5、 替换我们的项目代码

原来的代码:

4.替换项目源码.png

替换后我们的代码:

4.替换源码后.png

6、修改工程中appid

5.修改appid.png
5.修改appid2.png

其中 com.light.dctt就是appid , 文件层级必须严格一致。否则不能行。

7、以上修改完成,模拟器运行一下看效果

4.运行效果.png

OK,虽然页面适配有点问题,但说明我们一切操作还正常。

修改APPicon 和启动页图片

xcode 图片资源管理都是在Images.xcassets中处理的,替换相应的尺寸图片即可,不需要的可以直接删除。

ios实际开发时其他所需的icon资源也是放这里,不过对于目前项目来说没啥用!

6.修改APP icon.png

6.启动图.png

plist文件配置相关

dctt-Info.plist相关的配置信息及权限设置都在这里。相当于Android的 AndroidManifest.xml , 也是一个XML格式的文件。

用到的系统的权限不在这里设置的话,APP内无法启用相关功能。

权限及配置.png

删除不需要的链接库及第三方sdk

源工程包含的全套面了,定位、支付、推送、蓝牙、通讯录一大堆的功能都有,所以打出包很大,把我们不需要的统统删了吧!

删除不需要的链接库.png

app正式打包发布

  • 1、设置证书

我有开发者账号,我要发布,我要打包!
没有账号,这项操作不就可以了。

我的是企业开发者账号,就是它299$ 而且APP打包后不能上App Store的那个。打包后的APP可放自己网站发布,不受苹果限制。这不影响我们示范打包操作。

走到这一步,和原生开发的都一样了,别人怎么样我们就得怎么样,我们必须要有个发布描述文件:


image.png

在开发者中心注册该APPID,然后生成证书和发布文件。

如果你不熟悉苹果开发,这个证书的问题估计不好搞定。如果你熟悉苹果开发,这里和容易搞定。所以在此不宜多说。

7.设置证书.png
  • 2、打包操作
8.打包.png
8.打包成功.png
9.导出ipa.png

这里导出IPA , 我是企业证书所以和普通的不一样,选择第三个 。如果是99$的账号 选择第一个 导出 App Store发布。

9.thing默认不瘦身.png
10.导出ipa2.png

至此打包完成,可以把发布IPA直接导入到苹果设备或放网上发布供别人下载。

总结

  • 修改文件名注意文件路径,编译路径要保持一致。 APPID 必须和manifest.json 保持一致。

  • 以上只是基础的打包流程操作,如果涉及第三方平台调用之类的还要仔细查看相关文档。
    logo.png
  • 此文图文较多、步骤详细。按步骤操作打包肯定没问题。但对于APP本身开发优化无济于事。

参考

iOS离线打包:(https://ask.dcloud.net.cn/article/41)

我的博客即将同步至腾讯云+社区,邀请大家一同入驻:https://cloud.tencent.com/developer/support-plan?invite_code=fjnklqkwq3pl

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 212,222评论 6 493
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 90,455评论 3 385
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 157,720评论 0 348
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 56,568评论 1 284
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 65,696评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,879评论 1 290
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,028评论 3 409
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,773评论 0 268
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,220评论 1 303
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,550评论 2 327
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,697评论 1 341
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,360评论 4 332
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,002评论 3 315
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,782评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,010评论 1 266
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,433评论 2 360
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,587评论 2 350

推荐阅读更多精彩内容

  • 点击查看原文 Web SDK 开发手册 SDK 概述 网易云信 SDK 为 Web 应用提供一个完善的 IM 系统...
    layjoy阅读 13,708评论 0 15
  • 此文基于MUI、HBuilderX、H5+开发的APP本地打包,不适用uniapp。 同款iOS的在这里: MUI...
    Light413阅读 10,567评论 0 4
  • 9.1 Hadoop的优化与发展 9.1.1 Hadoop1.0的局限与不足 (1)抽象层次低:简单任务也要很复杂...
    迪丽娜扎阅读 612评论 0 0
  • 人们总是说,这个人很优秀!可能优秀就成了很厉害的代名词,然后光优秀还不行,还有一个词叫卓越。可能大家一般听优秀...
    知行合一_d89c阅读 2,954评论 0 1
  • 《塔桥下》 作者:魏城 站在塔桥下 我们像树一样疯长 满头金色的树叶 枝蔓互相嬉闹 历史如落叶 腐烂成泥土 滋养着...
    魏城阅读 331评论 2 4