uniapp多端打包

H5打包

服务器配置

首先注册阿里云账号领取并配置服务器

去这里配置安全组

点击实例

立即登录

拿到账号密码和外网面板地址

将外网面板地址放在浏览器中，输入账号和密码进入宝塔控制面板

前端

首先我们需要把所有请求的地址改为宝塔面板的域名加上安全组中给后端配置的端口

使用npm run build:h5打包前端

将打包后的前端项目进行压缩

将压缩后的文件上传到服务器

解压完成后删除压缩包

点击网站配置选择HTML项目

将宝塔面板的域名绑定上并选择我们解压好的文件

前端已完成上线

后端

将后端项目的node_modules文件夹删掉并进行压缩

将压缩包上传到服务器，解压后删除压缩包

点击网站选择node项目，第一次需要等待一段时间安装node环境

将我们解压好的文件添加到node项目

后端项目已成功上线

小程序

使用HBuilder X打开我们的项目，找到manifest.json选择微信小程序配置填写appID

将本地域名改为服务器所配置的域名

配置服务器域名

在微信开发者工具中点击上传，就会为我们自动打包

需要注意的是，在真正的项目开发中，我们要将字体图标从服务器获取，而不是保存在本地

测试阶段解决方式：将字体图标上传到gitee，在引入字体图标的地方修改地址为gitee上的地址

根据需求填写版本号以及项目备注

在微信公众平台找到小程序版本管理并提交审核

如果只是一个demo，不要轻易提交审核，否则对自己会有一定影响

在提交审核页面，填写版本描述信息，填写完成后点击下一步就会触发审核

此时我们就多了一个审核版本，当审核通过之后，那么我们的小程序就正式上线了

安卓

使用HBuilder X打开我们的项目，找到manifest.json选择基础配置

配置app应用标识(AppID) 并填写应用名称、描述信息、版本号等

配置应用图标

配置app启动图

配置appSDK

按需勾选，用到什么勾选什么

配置app权限 按需勾选

根据具体业务需求来配置

打包

在公司中要使用自有证书，测试时使用公共测试证书

打包完成后会返回一个链接，我们打开这个链接就可以下载我们的app

使用二维码生成器来生成下载二维码，手机扫码进行下载

下载完成进行安装

打开app

苹果

一、注册苹果开发者账号且订阅会员资格

打开Sign In - Apple

使用苹果开发者账号登录

登陆完成后选择左侧“Certificates, IDs & Profiles”

选择进入此页面

申请AppID（打包时AppID）：选择“identifiers”后，点击左上角的加号

选择“App IDs”，点击“continue”

在“Description”项中输入名称在“Bundle ID”项中输入AppID（打包时所填的appid）在“Capabilities”栏下选择应用所需使用的服务

填写完成后点击“continue”，跳转至确认页，点击“Register”完成申请。

生成证书请求文件证书请求(.certSigningRequest)文件需在Mac OS上使用“钥匙串访问”工具生成。“command”+空格打开“Spltlight Search”，搜索“Keychain”打开“钥匙串访问”工具。

点击“证书助理”，选择“从证书颁发机构请求证书”

打开创建请求证书页面，在页面中输入用户邮件地址、证书名称，请求类型，选择保存到磁盘

点击“继续”后弹出保存路径：

点击“存储”后保存证书请求文件，

保存文件名称为“CertificateSigningRequest.certSigningRequest”，后面申请开发证书和发布证书时用到。

申请开发证书：

在“Certificates, Identifiers & Profiles”页面点击“Certificates"，然后点击“Create a certificates”创建新证书

在“Software”栏下选中“iOS App Development”：

点击“Continue”后打开证书生成页面，点击“Choose File...”选择之前生成的“CertificateSigningRequest.certSigningRequest”文件，点击“Continue”生成cer证书成功

生成证书成功后打开证书下载页面，选择“Download”下载保存证书(ios_development.cer)：

双击保存到本地的ios_development.cer文件导入到“Keychain Access”如果双击出现以下错误，直接拖进证书列表

导入成功后，可以在证书列表中显示

选中导入的证书，右键选择“导出”

打开证书保存页，设置名称以及保存路径后，点击存储

打开证书密码页，设置密码，点击好后会打开访问“钥匙串访问”密码页面，输入管理员密码，即可成功导出p12文件

添加调试设备在“Certificates, Identifiers & Profiles”页面点击“Devices"，然后点击“Create a Devices”添加新设备

打开“Register a New Device”页，填写设备名，UDID，点击“Continue”UDID可以在蒲公英 | 一步快速获取 iOS 设备的UDID扫码获得

打开确认页，点击“Register”，完成添加

申请开发描述文件

在“Certificates, Identifiers & Profiles”页面点击“ Profiles”，然后点击“Create a Profiles”创建新描述文件

打开“Register a New Provisioning Profile”页，在“Development”栏下选中“iOS App Development”，点击“Continue”按钮

打开“App ID”选择页面，选择要使用的“App ID”，点击“Continue”

打开“Select certificates”页面，选择前面创建的开发证书：

点击“Continue”，打开选择调试设备页面，选择用于调试安装的设备(最多100台设备)

点击“Continue”，输入描述文件的名称

点击“Generage”，生成描述文件成功点击“Download”下载保存开发描述文件

申请发布证书

在“Certificates, Identifiers & Profiles”页面点击“Certificates"，然后点击“Create a certificates”创建新证书

在“Software”栏下选中“iOS Distribution (App Store and Ad Hoc)”：

点击“Continue”后打开证书生成页面，点击“Choose File...”选择之前生成的“CertificateSigningRequest.certSigningRequest”文件，点击“Continue”生成cer证书成功

生成证书成功后打开证书下载页面，选择“Download”下载保存证书(ios_distribution.cer)：

双击保存到本地的ios_distribution.cer文件导入到“Keychain Access”如果双击出现以下错误，直接拖进证书列表

导入成功后，可以在证书列表中显示

选中导入的证书，右键选择“导出”

打开证书保存页，设置名称以及保存路径后，点击存储

打开证书密码页，设置密码，点击好后会打开访问“钥匙串访问”密码页面，输入管理员密码，即可成功导出p12文件

申请发布描述文件

在“Certificates, Identifiers & Profiles”页面点击“ Profiles”，然后点击“Create a Profiles”创建新描述文件

打开“Register a New Provisioning Profile”页，在“Distribution”栏下选中“App Store”，点击“Continue”按钮

打开“App ID”选择页面，选择要使用的“App ID”，点击“Continue”

打开“Select certificates”页面，选择前面创建的开发证书：

点击“Continue”，选择前面创建的发布证书

点击“Continue”，输入描述文件的名称

点击“Generage”，生成描述文件成功

点击“Download”下载保存开发描述文件