开源设计协作神器Quant-UX一键Docker部署，支持原型设计用户测试热力图分析，帕斯内网穿透远程访问

项目介绍

Quant-UX 是一个功能强大的研究、可用性测试和原型设计工具，专为快速测试设计并获得数据驱动洞察而构建。这是一个开箱即用的跨平台设计工具，让设计师和产品经理能够轻松创建交互式原型、进行用户测试，并收集有价值的用户行为数据。

Quant-UX 提供了直观的界面设计功能，支持拖拽式原型制作、用户测试录制、热力图分析、用户行为追踪等功能。无论你是 UI/UX 设计师、产品经理还是用户体验研究员，都能通过这个工具快速验证设计想法，优化用户体验。

项目采用现代化的技术栈构建，包含前端和后端两个组件，支持 Docker 容器化部署，让你可以轻松在自己的服务器上搭建私有的设计协作平台。

部署安装

如需在外也打开项目需要配置内网穿透使用，点击前往帕斯内网穿透，先注册好账号备用。

复制下列的配置文件

1version: '3'
2
3services:
4  mongo:
5    restart: always
6    container_name: quant-ux-mongo
7    image: mongo
8    volumes:
9      - ./data:/data/db
10  qux-fe:
11    restart: always
12    container_name: quant-ux-frontend
13    image: klausenschaefersinho/quant-ux
14    environment:
15      - QUX_PROXY_URL=http://quant-ux-backend:8080
16      - QUX_AUTH=qux
17      - QUX_KEYCLOAK_REALM=
18      - QUX_KEYCLOAK_CLIENT=
19      - QUX_KEYCLOAK_URL=
20      - QUX_WS_URL=ws://127.0.0.1:8086
21    links:
22      - mongo
23      - qux-be
24    ports:
25      - 8082:8082
26    depends_on:
27      - qux-be
28  qux-be:
29    restart: always
30    container_name: quant-ux-backend
31    image: klausenschaefersinho/quant-ux-backend
32    volumes:
33      - ./quant-ux-data:/app-data
34    environment:
35      - QUX_HTTP_HOST=http://quant-ux-frontend:8082
36      - QUX_HTTP_PORT=8080
37      - QUX_MONGO_DB_NAME=quantux
38      - QUX_MONGO_TABLE_PREFIX=quantux
39      - QUX_MONGO_CONNECTION_STRING=mongodb://quant-ux-mongo:27017
40      - QUX_MAIL_USER=mail_admin@example.com
41      - QUX_MAIL_PASSWORD=sTr0ngPa55w0Rd
42      - QUX_MAIL_HOST=mail.example.com
43      - QUX_JWT_PASSWORD=some-long-string-of-mix-case-chars-and-nums
44      - QUX_IMAGE_FOLDER_USER=/app-data/qux-images
45      - QUX_IMAGE_FOLDER_APPS=/app-data/qux-image-apps
46      - TZ=America/Chicago
47      - QUX_AUTH_SERVICE=qux
48      - QUX_KEYCLOAK_SERVER=
49      - QUX_KEYCLOAK_REALM=
50      - QUX_USER_ALLOW_SIGNUP=true
51      - QUX_USER_ALLOWED_DOMAINS=*
52    depends_on:
53      - mongo
54  qux-ws:
55    restart: always
56    container_name: quant-ux-websocket-server
57    image: klausenschaefersinho/quant-ux-websocket
58    environment:
59      - QUX_SERVER=http://quant-ux-backend:8080/
60      - QUX_SERVER_PORT=8086
61    ports:
62      - 8086:8086
63    links:
64      - qux-be
65    depends_on:
66      - qux-be