信使 Web builder
AI 驱动 UI 生成和发布的低代码平台

AI 驱动 UI 生成和发布的低代码平台，基于TailwindCss，通过拖拽可视化快速构建现代化响应式UI、动态自定义组件、多主题、多语言的网站应用。AI-powered UI generation and publishing low code platform, built on TailwindCSS, enabling rapid drag-and-drop visual creation of modern responsive UIs, dynamic customizable components, multi-theme, and multi-language web applications.

https://builder.design

Builder CMS · 信使小程序 · 文档 · 知乎 · Docker 部署

观看演示视频

奥陌陌是已知的第一颗经过太阳系的星际天体，意为"远方信使"。

安装部署步骤

0. 准备环境

下载或者克隆 docker 配置文件到服务器：

git clone https://github.com/biaogebusy/builder-docker

根据实际需求修改.env中的变量，脚本会根据变量创建：

• 前端端口
• 后端端口
• 数据库用户名和密码
• drupal root 超级管理员密码

### PROJECT SETTINGS
PROJECT_NAME=builder
NODE_PORT=4200
PROJECT_PORT=5080

### PHP
PHP_TAG=8.1

### nginx
NGINX_TAG=1.29
### Mariadb
MARIADB_TAG=11.4
DB_NAME=drupal
DB_USER=drupal
DB_PASSWORD=9QoLiAh1RiVqHv26
DB_ROOT_PASSWORD=R826fXdLZXmovIhi
DB_HOST=mariadb
DB_PORT=3306
DB_DRIVER=mysql

### Drupal root password
SITE_PASSWORD=8DvyifP9vUSv9%7L

1. 克隆后端 Builder cms 和前端 Web builder 都根目录

git clone git@github.com:biaogebusy/builder-cms.git
git clone git@github.com:biaogebusy/web-builder.git

3. 修改后端 API 跨域配置

修改./init.d/services.yml中allowedOrigins为你的前台域名。

cors.config:
  enabled: true
  # Specify allowed headers, like 'x-allowed-header'.
  allowedHeaders:
    [
      'x-csrf-token',
      'authorization',
      'content-type',
      'accept',
      'origin',
      'x-requested-with',
    ]
  # Specify allowed request methods, specify ['*'] to allow all possible ones.
  allowedMethods: ['*']
  # Configure requests allowed from specific origins.
  allowedOrigins: ['https://base.builder.design']
  # Sets the Access-Control-Expose-Headers header.
  exposedHeaders: true
  # Sets the Access-Control-Max-Age header.
  maxAge: 1000
  # Sets the Access-Control-Allow-Credentials header.
  supportsCredentials: true

4. 修改前台域名

打开 web builder 目录下：/src/environments/environment.prod.ts，修改环境变量 apiUrl 为你的前台域名：

export const environment: IEnvironment = {
  apiUrl: 'https://base.builder.design',
  production: true,
  port: 4200,
  cache: true,
  multiLang: true,
  langs: [
    {
      label: '中文',
      langCode: 'zh-hans',
      prefix: '/',
      default: true,
    },
    {
      label: 'EN',
      langCode: 'en',
      prefix: '/en',
    },
  ],
};

默认开启多语言

5. 执行构建脚本

确保install.sh有可执行的权限

./install.sh

以上前后台搭建完成之后，在项目根目录下执行构建脚本，脚本自动执行以下流程：

第一阶段

• 检查并拉取wodby/drupal-php对应版本镜像
• 检查并拉取wodby/nginx对应版本镜像
• 检查并拉取wodby/mariadb对应版本镜像
• web builder 下载依赖并构建打包

第二阶段

• 创建数据库，并导入./init.d/durpal.sql初始化的安装包
• 初始化 Drupal 站点drupal/docroot/sites/default相关文件及文件夹创建
• 创建 files文件夹并设置777权限
• 复制 ./init.d/services.yml 到 drupal/docroot/sites/default目录下
• 复制 drupal/docroot/sites/default/default.settings.php为settings.php
• 配置hash_salt和反向代理reverse_proxy
• 配置数据库
• 重置密码为环境变量中的自定义密码

进入终端运行以下安装初始化命令

绑定前后台域名

• 绑定后台域名到后台端口（省略）
• 绑定前端域名到前端端口

镜像无法下载

查看docker info 通过返回的信息确认Docker Root DirDocker 的目录，进入该目录查看是否存在daemon.json配置文件，没有则新建：

{
  "registry-mirrors": [
    "https://docker.1panelproxy.com",
    "https://docker.1ms.run",
    "https://docker.1panel.live/",
    "https://registry.docker-cn.com",
    "https://docker.mirrors.ustc.edu.cn",
    "https://mirror.aliyuncs.com",
    "https://docker.m.daocloud.io"
  ]
}

• 重启 Docker：sudo systemctl restart docker
• 再次 docker info 确认源已更新