将 REBUILD 手机版打包为独立 APP 使用

REBUILD 手机版 基于 H5 SPA 技术打造,可以非常方便的通过任何手机浏览器访问,或是嵌入在钉钉、企业微信等 APP 中使用,无需下载安装。同时,如您需要也可以将 RB 手机版打包为独立 APP 使用,打包后的 APP 也可发布在应用市场中供用户下载使用。

本文介绍如何打包手机版为独立 APP,整个过程非常简单方便。打包需要使用 DCloud 出品的 HBuilder X 工具,请先下载安装。

1. 下载模板

首先 下载模板,然后解压并导入到 HBuilder X 中。

2. 修改 APP 配置

2.1. 导入后点击编辑 manifest.json 文件,修改 APP 基础配置。

  1. 首次使用请获取您专有的 AppID
  2. 填写应用名称,如"REBUILD"
  3. 填写您的 RB 访问地址(在访问地址根目录添加 /h5app/ 即可),如 nightly.getrebuild.com/h5app/

2.2. 修改 APP 图标。

  1. 选择一个图标(点击下载 RB 图标使用)
  2. 选择后点击此按钮生成所有图标尺寸

至此,配置完成,其余配置项不建议修改,尤其是权限部分。同时您也可以参考 HBuilder X 官方文档 www.dcloud.io/hbuilderx.h...

3. 开始打包

当完成 APP 配置完后,点击顶部菜单"发行" - "原生App-云打包"打开打包界面。

  1. 仅打包安卓 APP(打包 iOS 需要 IDP 证书,苹果开发者账号等,需要较多知识储备,非专业用户不建议尝试)
  2. 推荐选择"使用云端证书"(也可以"使用自有证书",但自有证书生成较为繁琐,仅推荐专业用户尝试)
  3. 取消选择所有"广告联盟"选项
  4. 点击 打包 按钮开始打包

整个过程约 5-10 分钟左右,在 HBuilder X 下方的"控制台"中会输出打包进度和打包结果。完成后您就可以得到 APP 安装包(即 apk 文件),可以发送给用户直接安装使用。

您也可以将安装包上传到 RB 中,进入 RB 管理中心 - 通用配置 - 上传 APP 安装包。上传后,在登录页面左下侧的手机版二维码将被替换为 APP 下载链接,用户扫码即可下载安装。

本文完。

相关推荐
雪芽蓝域zzs1 小时前
(六)打包优化 + Nginx 部署完整配置 + 项目收尾
前端·vue.js
研☆香1 小时前
聊一聊前端的常见字 关键字
开发语言·前端·javascript
东风破_2 小时前
JWT 1:从一个登录请求开始,理解 React 项目里的 API 层与 Mock
前端·后端
东风破_2 小时前
JWT 3:为什么 Token 要放进 Authorization?Axios 拦截器到底解决了什么?
前端·后端
东风破_2 小时前
JWT 5:路由守卫是什么?把整个 JWT 登录鉴权流程串起来
前端·后端
东风破_2 小时前
JWT 2:HTTP 是无状态的,为什么登录成功后还要给 Token?
前端·后端
东风破_2 小时前
JWT 4:Zustand 到底解决了什么?为什么登录状态要放进 Store?
前端·后端
IT_陈寒2 小时前
Vite动态导入差点让我秃头,原来问题出在这
前端·人工智能·后端
白泽_hunter3 小时前
项目里最常见的 5 个 this 指向坑:从规则到实战彻底讲透
前端
宿6743 小时前
vue3-pinia
前端·vue.js