# 业务接入

如果业务是初次接入,需要建立并配置业务组,之后才可以建立 H5。如果已经接入,则绕过该步骤。

使用流程

# 业务组管理

小组管理页面点击【新建组】,填写表单后提交,系统会创建新的小组并设置创建者为组长权限, 需要继续完善以下配置才可体验到完整的页面搭建流程。

新建组

# 组基本信息

由开发者配置,其中

  1. AMD 配置:用于预览页,组件的第三方依赖 path 配置。
  2. 文件上传接口:本组下所有文件类的上传都将转发到该接口,授权串用于业务侧接口鉴权。

组基本信息

# 组成员

用户第一次登录时,系统会为之新增账号,组长权限用户可以拉其他用户进组。 新增组员

# 组件类型

组件发布到组件市场时是无类型的,业务组可以管理自己的组件类型,注册组件时将组件挂载到某个类型下。 新建组件类型

# 主题色

主题色一般由设计师管理或给出色值,了解更多请看设计指南。 新建主题色

# 编译模板

由开发者提供,了解更多请看高阶指南。 新建编译模板

TIP

当前官网不提供新建业务组操作,主要因为编译模板有较大发挥空间,恶意用户可能会尝试各种攻击方式。害人之心不可有,防人之心不可无。

开发者发布组件到中台组件市场,可注册组件指定版本到业务组中。

产品、运营等用户新建H5,挑选需要的组件、插件并编辑其相关属性,配置组件间通信数据和父子关系。

用户的使用流程如下:

# 组件管理

Raptor 特性之一就是以组件为基础单位按版本迭代管理,组件的每一个版本都是独立的个体。 为业务组注册组件是一个长期过程,任何组件版本更新并验证无误后,都需要再次注册该版本。

# 发布组件

发布或更新组件有 2 种渠道。

  1. 表单提交。 新建编译模板

  2. Open Api 提交。接口地址http://www.h5raptor.com/api/componentspost请求,header 头带上tokenbody结构如下:

{
  "componentName": "",
  "desc": "",
  "version": "1.0.0",
  "config": {},
  "slots": "...",
  "readme": "",
  "dependencies": {},
  "jsUrl": "",
  "esmUrl": "",
  "cssUrl": "",
  "langJson": {},
  "cover": ""
}

登录后在个人头像的二级菜单点击可获取 token。 token

# 注册组件

组件发布在组件市场,只有将组件注册到业务组下,才能在该组编辑 H5 时挑选该组件(该版本)。 组件注册

完成以上操作,便可以体验完整的搭建 H5 流程。

上次更新: 1/27/2022, 11:37:20 PM