众所周知，苹果APP的打包是一个非常复杂的事情，而且官方的开发者账号卖得还贼贵就算了，app只能通过应用商城来进行安装，否则就得购买各种收费的分发服务。但是对于uniapp而言，它可以编译成h5网页，而苹果手机则存在一个将网页封装成描述文件应用的操作，从而跳过了开发者签约，具体的教程我之前也写了：uniapp苹果ios端免签打包带分发，转换思路玩法
鉴于RuleApp的用户量正在增加，所以还是整理一个针对这个应用的完善教程，这个APP的源码下载地址是：点击进入
在操作之前，请确定安装好了RuleAPi：RuleApi详细安装教程，从环境到部署
首先，需要创建一个网站
1.通过宝塔也好，还是其它的也好，反正就是需要创建一个网站（纯静态即可），并且配置好ssl证书。因为苹果手机对没有配置ssl证书的网站会直接提示不安全。
2.然后，确认下RuleAPi（后端接口），并确认完成反向代理或者跨域配置（一般跟着教程走就行）。然后可以新建网站，也可以在已有的网站根目录新建一个存放h5文件的文件夹，比如我就新建了一个h5的文件。
APP编译成H5
1.编辑manifest.json，找到H5配置，修改里面的名称。也可以自己配置运行路径，但是默认运行路径可以为空，除非想放到二级目录。注意运行的基础路径，默认是空的，如果填了值，那就是源码需要放到填写对应的二级目录下。
2.然后发布成H5，完全按照我截图就好，什么都不用填。打包的过程中编辑器底部会有提示，打包完成会返回文件夹。
3.打开文件夹，压缩里面的文件，全部上传到新创建的网站或者目录。
4.上传完成后，访问，这个时候APP一样的界面就出来了，确认数据是否正常显示后，还需要回到APP，把utils/api.js的注释重新还原回来。这样，这个步骤就完成了。以后每次APP更新，就重复这个步骤即可。
h5封装成IOS应用
这里的截图我照搬了之前的教程，所以主要用于参考，以实际为准。
1.下载iPhone配置实用工具，可以直接百度，这玩意满大街都是，也可以用我提供的地址（失效了就百度吧）。
点击下载
2.然后新增描述文件，设置基本信息。
3.找到web clip项目，设置网站名称，地址图标，然后勾选全屏幕。
4.添加证书，选择离过期时间越久的越好。
5.上述配置完成后，选择创建的描述文件，点击导出按钮，就可以生成一个ios可用的描述配置文件了，后缀是mobileconfig。把这个文件上传到网站目录，苹果手机可以直接通过默认浏览器访问来进行下载，也可以生成二维码，让苹果手机用系统自带摄像头扫描下载。
设置h5应用状态栏颜色
编辑打包出来的h5代码，找到index.html，打开后在</title>后面换行，加入如下代码（由泽泽社提供）：
<meta name="theme-color" content="#1972F8" media="(prefers-color-scheme: light)">
<meta name="theme-color" content="#1C4D98" media="(prefers-color-scheme: dark)">
然后继续加入如下代码，添加启动图，图标，设置状态栏颜色：
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="apple-mobile-web-app-title" content="Meta Game">
<link rel="apple-touch-icon" href="/icon.png">
<link rel="apple-touch-startup-image" href="/startup.png">
然后找到meta name="viewport"这一列，里面将几个代码，去除状态栏和禁止缩放
viewport-fit=cover, user-scalable=no
就可以实现对状态栏背景色的切换，最终实现和原生非常接近的效果，具体可以自己尝试修改其中颜色代码。
来源 https://www.ruletree.club/archives/2845/
