uni-app开发IOS应用

一、下载安装hbuilder、xcode。

  1. uni-app官网:uni-app官网
  2. hbuilder下载地址:HBuilderX 文档

说明:hbuilder主要用来生成本地打包文件,xcode主要用来安装app和生成软件安装包。

二、注册uni-app帐号,登录开发者中心

  1. 帐号注册登录地址:开发者中心

说明:该帐号主要是用来生成appID和ios的appkey,还用来生成打包证书。需要在hbuilder开发工具中登录申请的帐号。

三、配置项目appid和appkey

  1. 登录uni-app开发者中心,填写相关信息,生成appid和appkey

        

 

2、打开hbuilder,登录申请的开发者帐号。在项目中找到mainfest.json文件并打开,

填写上对应的appid,可以连网直接获取。

四、hbuilder生成本地离线文件流程

  1. 选中noams项目,点击:发行 -> 原生APP本地打包 -> 生成本地打包APP资源。

等待项目编辑完成(如果是刚从gitlab上clone下的项目,需要先运行npm install,如果运行npm run dev:h5可以在浏览器打开,说明项目可正常运行,可以生成本地打包资源)

到此使用hubilder生成本地APP资源完成。

五、xcode配置uni-app生成的本地APP资源

1、从uni-app官网下载最新的APP离线SDK,地址:原生开发者支持

备注:下载的sdk版本需要和hbuilder的版本一致。

  1. 解压下载好的SDK,并用xcode打开目录中的HBuilder-Hello工程,下载的SDK主目录不可删除,删除后会报错。(在用xcode打开该工程前,最好先用xcode创建一个helloworld的Demo,以保证xcode可以正常使用)

六、添加hbuilder打包后的项目到SDK项目

  1. 将hbuilder打包后的app资源复制
  2. 打开SDK替换目录:SDK -> HBuilder-Hello -> HBuilder-Hello -> Pandora -> apps,
  3. 删除apps里面的所有东西,将hbuilder生成的APP资源粘贴在该目录

七、修改相关配置

1、登录code,使用注册的苹果帐号登录xcode,

2、填写对应的app信息

        3、添加appkey

        4、修改appid

5、其它修改

6、修改APP图标

打开目录,SDK -> HBuilder-Hello -> HBuilder -> Images.xcassets -> AppIcon.appiconset

将图标设置成里面对应的大小图标(可找美工要),可右键查看图片信息,显示图片的规格大小

八、运行APP到真机

1、打开手机的开发者模式(可百度)

2、用原装的数据线将电脑和手机连起来(要原装数据线,为这个问题浪费了我N多脑细胞),

点击运行就可以在手机上看见项目了

备注:手机上可能会出现信任电脑弹窗,选择信任,在手机通用设置里,会出现一行菜单:设备管理,点击菜单,选择我们的项目,这时候就可以打开项目了。

备注2:可能会出现的问题

  1. appkey未配置:查看appkey是否配置正确
  2. 修改代码后未生效:卸载APP重新运行,可能有缓存
  3. 手机上不显示项目:查看开发者模式,和通用设置里面的设备管理
  4. 手机上不显示设备管理:换个手机试试,我为了省钱,从淘宝上买了个二手手机,但是真坑人,不能用来开发。

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐