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

本文完。

相关推荐
qianmoQ20 分钟前
第五章:工程化实践 - 第三节 - Tailwind CSS 大型项目最佳实践
前端·css
椰果uu36 分钟前
前端八股万文总结——JS+ES6
前端·javascript·es6
微wx笑1 小时前
chrome扩展程序如何实现国际化
前端·chrome
~废弃回忆 �༄1 小时前
CSS中伪类选择器
前端·javascript·css·css中伪类选择器
CUIYD_19891 小时前
Chrome 浏览器(版本号49之后)‌解决跨域问题
前端·chrome
IT、木易1 小时前
跟着AI学vue第五章
前端·javascript·vue.js
薛定谔的猫-菜鸟程序员1 小时前
Vue 2全屏滚动动画实战:结合fullpage-vue与animate.css打造炫酷H5页面
前端·css·vue.js
春天姐姐2 小时前
vue3项目开发总结
前端·vue.js·git
谢尔登2 小时前
【React】React 性能优化
前端·react.js·性能优化
来一碗刘肉面2 小时前
TypeScript - 属性修饰符
前端·javascript·typescript