YU-PAGE,可视化搭建

 移动端页面可视化搭建.

• @yu-page/editor 编辑器
• @yu-page/template 存放页面模板/组件，用于预览和发布页面
• @yu-page/server 服务端
• @yu-page/cli 命令行工具
• @yu-page/form-render schema 渲染表单

启动

手动启动项目

前端项目需要依次执行pnpm run form, pnpm run template，pnpm run editor，pnpm run dev这四个命令用来编译打包@yu-page/form-render并且分别启动@yu-page/template，@yu-page/editor和端口代理.

使用 pm2 启动

执行pnpm run form后执行pnpm run pm2:dev即可在 pm2 中启动前端项目，在 http://localhost:3090 中可以访问

prod 环境

NODE_ENV=prod pm2 start scripts/prod.js --name yu-page

组件 Schema 设计

{
  "name": "yu-banner",
  "description": "banner 组件",
  "snapshot": "http://xxx.png",
  "schema": {
    "type": "object",
    "properties": {
      "src": {
        "title": "图片地址",
        "type": "string",
        "format": "image"
      },
      "link": {
        "title": "跳转链接",
        "type": "string",
        "format": "url"
      }
    },
    "required": ["src"]
  },
  "data": {
    "src": "http://xxx.png"
  }
}

from https://github.com/QiYuOr2/yu-page