# comall-backend-design-test

> 本项目为移动端可视化配置功能管理后台基础库。该项目旨在提供一种所见即所得的方式对移动端页面进行管理，降低开发、维护及运营成本。

Latest version **1.0.0-alpha-22** (published 2021-07-27) · UNLICENSED license · 0 weekly downloads

## Install

```sh
npm install comall-backend-design-test
pnpm add comall-backend-design-test
yarn add comall-backend-design-test
bun add comall-backend-design-test
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support; large bundle.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.0-alpha-22 |
| Published | 2021-07-27 |
| First published | 2021-07-27 |
| Weekly downloads | 0 |
| License | UNLICENSED |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 5 |
| Unpacked size | 23.6 MB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Maintainers | ruijiao |

## Links

- npm: https://www.npmjs.com/package/comall-backend-design-test
- npm.io page: https://npm.io/package/comall-backend-design-test

## Dependencies (5)

- [husky](https://npm.io/package/husky.md) ^1.3.1
- [lerna](https://npm.io/package/lerna.md) ^3.20.2
- [prettier](https://npm.io/package/prettier.md) ^1.16.4
- [lint-staged](https://npm.io/package/lint-staged.md) ^8.1.5
- [concurrently](https://npm.io/package/concurrently.md) ^4.1.2

## Recent versions

- 1.0.0-alpha-22 (latest) — 2021-07-27

## README

# 可视化配置后台管理界面

本项目为移动端可视化配置功能管理后台基础库。该项目旨在提供一种所见即所得的方式对移动端页面进行管理，降低开发、维护及运营成本。

本项目为可视化管理后台部分，其中包含:

-   [可视化示例库](./demo)
-   [core 核心库](./packages/core)
-   [components-basis 可视化后台组件基础库](./packages/components-basis)

## 如何使用

    通过提供标准的 `JSON` 页面结构数据，由移动端库渲染为对应的业务功能组件。在管理后台，由 `DesignPage` 对移动端组件的配置项进行管理。

    你只需要按照 `components-basis` 库提供的 `DesignPage` 参数配置好设计器，可视化页面的设计工作就交由基础库处理了。

    基础库默认会提供 10 个功能组件，如果你需要修改默认组件或定制自己的组件，可以通过基础库提供的 `ApplicationConfigForm` 对配置表单进行注册和追加修改。

## 设置私有 NPM 镜像

在命令行中执行 `npm config set registry http://nexus3.km.co-mall/repository/npm/`；

## 启动开发环境

1. 安装 `node.js` 版本 `10.16.3`；
2. 安装 `yarn`，在命令行中执行 `npm install -g yarn`；
3. 在命令行中 `cd` 到项目根目录；
4. 执行 `yarn install` 安装依赖库；
5. 执行 `yarn start` 启动开发环境。

## 发布 DEMO

1. 安装 `node.js` 版本 `10.16.3`；
2. 安装 `yarn`，在命令行中执行 `npm install -g yarn`；
3. 在命令行中 `cd` 到 `demo` 项目根目录；
4. 在 `demo` 目录执行 `yarn install` 安装依赖库；
5. 设置接入 H5 站地址环境变量，如: `export DESIGN_CLIENT_URL=http://172.16.0.23:8080`
6. 设置 API 接口地址环境变量(即 Mock 访问地址)，如: `export API_ROOT=http://172.16.0.23:4000`
7. 执行 `yarn run build` 生成静态资源文件；
8. 发布的文件存放于 `./build`。

## 启动 Mock 数据

1. 在命令行中 `cd` 到项目根目录，进入根目录下的 `mock`文件夹；
2. 在 `mock` 目录下执行 `yarn install` ；
3. 设置 Mock 接口访问地址环境变量，如: `export MOCK_HOST=http://172.16.0.23`;
4. 执行 `node app.js` 命令启动 Mock 数据 Server ( Mock 数据开启的是 4000 端口 );

### 发布流程

1. 在 `dev` 分支合并完成所有版本发布内容。
2. 修改 `package.json` 中的版本信息。
3. 更新 `CHANGELOG.md` 中的记录。
4. 推送 `dev` 到远程分支。
5. 发起 `dev` 到`master`的合并请求
6. 合并到`master`后，新建发布版本的 `tag`
7. 在 `master` 分支下执行 `yarn login` 登录镜像；
8. 执行 `yarn publish` 发布模块至镜像。

-   推送至阿里云平台仓库地址为 `https://registry-node.aliyun.com/org/1166572487057521/registry/comall/`

---
_Source: https://npm.io/package/comall-backend-design-test · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._