前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >ArkUI-X如何编译iOS和Android端的APP

ArkUI-X如何编译iOS和Android端的APP

原创
作者头像
IT蜗壳-Tango
发布2024-01-27 16:13:29
3520
发布2024-01-27 16:13:29
举报

前言

上一篇文章的最后,由于我的Mac的空间不足,导致在安装iOS的Simulator失败了,现在经过清理后已经有了60G左右的空间,建议如果你也是第一次安装Simulator的话,最好保留20G的空余空间。

image-20240126233906004
image-20240126233906004

必要准备

如果我们需要同时编译iOS和Android端的App的话,需要安装好Xcode并配置好Simulator。

image-20240126234325660
image-20240126234325660
image-20240126234350406
image-20240126234350406
image-20240126234403309
image-20240126234403309
image-20240126234423470
image-20240126234423470

根据自己的需求进行安装即可。我这边安装的是最新的。

对于Android端,我们则还需要安装Android Studio

image-20240126234631775
image-20240126234631775
image-20240126234935937
image-20240126234935937

并配置好模拟器以及SDK。

编译ArkUI-X项目

现在打开我们之前准备好的ArkUI-X示例项目,我们将原来的代码稍微修改一下,这样方便验证新Build的内容是否生效

image-20240126235838863
image-20240126235838863

我暂时先运行一下看看效果

image-20240127000052832
image-20240127000052832

可以看到显示内容已经变化了,接下来我们进行第一次的Build。Build -> Build Hap(s)/APP(s) -> Build APP(s)

image-20240127000148351
image-20240127000148351
image-20240127000444283
image-20240127000444283

当看到BUILD SUCCESSFUL时,则代表编译完成,但这只是第一步,如果我们想编译成可以在iOS上运行的程序,我们还需要通过xcode再编译一次。

我们在左侧的工作目录下可以看到如下的目录结构

image-20240127000850162
image-20240127000850162

这两个文件夹下保存的就是iOS和Android所对应的项目目录,我们只需要通过xcode打开ios的项目

image-20240127001012796
image-20240127001012796

等环境加载完成,然后点击左侧的 三角号进行编译及运行

image-20240127001122055
image-20240127001122055

如果你看到如下报错,不要惊慌,很好解决的。

image-20240127155711429
image-20240127155711429

主要是因为我门的配置里面的一个变量找不到

image-20240127155804599
image-20240127155804599

我们只需查看一下,自己配置中的版本号,然后手动将它们修改为一致的即可。

image-20240127155931217
image-20240127155931217
image-20240127160043062
image-20240127160043062

然后再次编译即可

image-20240127160108782
image-20240127160108782

稍等片刻后会看到我们的iPhone模拟器已经显示我们修改后的内容了。

image-20240127160156065
image-20240127160156065

至此,iOS的应用已经完成编译了,接下来是Android的编译,这个就比较简单了。

我们打开Android Studio,然后将我们的项目导入进去

找一个自己之前的模拟器

image-20240127160649018
image-20240127160649018

然后点击运行

image-20240127160748710
image-20240127160748710

可以看到,已经成功的运行起来了。

总结

今天我们一起用了一套代码在,在三端(Android,iOS,鸿蒙)上面成功通过模拟器的方式运行起来的。等过完2024年2月份我的开发板拿到后再和大家一起在真实硬件上运行一下看看。

稍微有点坑的地方是在iOS上面编译是版本号的设置需要我们手动修改一下,其他的几乎不需要修改任何地方都可以正常的运行起来。

好了,今天的内容就是这些,我是Tango,一个热爱分享技术的程序猿我们下期见。

我正在参与2024腾讯技术创作特训营第五期有奖征文,快来和我瓜分大奖!

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 前言
    • 必要准备
      • 编译ArkUI-X项目
        • 总结
        领券
        问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
        http://www.vxiaotou.com