将 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 下载链接,用户扫码即可下载安装。

本文完。

相关推荐
知识分享小能手33 分钟前
React学习教程,从入门到精通, React 属性(Props)语法知识点与案例详解(14)
前端·javascript·vue.js·学习·react.js·vue·react
魔云连洲35 分钟前
深入解析:Vue与React的异步批处理更新机制
前端·vue.js·react.js
mCell1 小时前
JavaScript 的多线程能力:Worker
前端·javascript·浏览器
超级无敌攻城狮3 小时前
3 分钟学会!波浪文字动画超详细教程,从 0 到 1 实现「思考中 / 加载中」高级效果
前端
excel3 小时前
用 TensorFlow.js Node 实现猫图像识别(教学版逐步分解)
前端
gnip4 小时前
JavaScript事件流
前端·javascript
赵得C4 小时前
【前端技巧】Element Table 列标题如何优雅添加 Tooltip 提示?
前端·elementui·vue·table组件
wow_DG4 小时前
【Vue2 ✨】Vue2 入门之旅 · 进阶篇(一):响应式原理
前端·javascript·vue.js
weixin_456904274 小时前
UserManagement.vue和Profile.vue详细解释
前端·javascript·vue.js
资深前端之路4 小时前
react 面试题 react 有什么特点?
前端·react.js·面试·前端框架