点击查看原文

uni-app开发IOS应用

一、下载安装hbuilder、xcode。

uni-app官网：uni-app官网

hbuilder下载地址：HBuilderX 文档

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

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

帐号注册登录地址：开发者中心

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

三、配置项目appid和appkey

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

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

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

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

选中noams项目，点击：发行 -> 原生APP本地打包 -> 生成本地打包APP资源。

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

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

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

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

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

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

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

将hbuilder打包后的app资源复制

打开SDK替换目录：SDK -> HBuilder-Hello -> HBuilder-Hello -> Pandora -> apps，

删除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：可能会出现的问题

appkey未配置：查看appkey是否配置正确

修改代码后未生效：卸载APP重新运行，可能有缓存

手机上不显示项目：查看开发者模式，和通用设置里面的设备管理

手机上不显示设备管理：换个手机试试，我为了省钱，从淘宝上买了个二手手机，但是真坑人，不能用来开发。