在绿联 NAS 上部署 3D 抽奖程序 log-lottery

电脑端

叮~ 年会活动策划的宝子们看过来！ 你是不是还在为如何让年会抽奖更有趣而发愁？不妨试试这个超酷炫的活动抽奖神器——log-lottery！

1.log-lotter介绍

log-lottery 是一款基于 Three.js 和 Vue 3 的 3D 抽奖应用，能让您组织的抽奖环节变得更生动、有趣，不管在公司年会、活动策划，还是个人聚会都能派上用场。它通过一个可自定义的 3D 球体展示抽奖过程，以下是 log-lotter 的主要功能亮点：

• 炫酷视觉效果：3D 球体实时旋转，动态展示抽奖过程，瞬间点燃活动氛围。

• 高度可定制：奖品、参与者、界面风格、背景音乐，甚至动画细节，用户都可随心调整。

• 本地数据存储：使用 IndexedDB 实现本地存储，无需担心数据丢失。

• Excel 导入与导出：批量管理参与者名单和抽奖结果更方便。

• 开源免费：完全开源，支持二次开发，为技术爱好者提供更多可能性。

2.使用 Docker Compose 部署容器

在 UGOS Pro 系统上，推荐使用项目 Docker Compose 快速部署容器，适合需同时管理多个容器的场景，这种方法简化了容器的部署与管理工作。以下是使用 Docker Compose 部署 log-lottery 服务的详细步骤。

进入 Docker 项目界面

在 UGOS Pro 系统中，打开 Docker 应用，点击【项目 > 创建】，启动项目创建向导。

配置 Docker Compose 文件

在项目创建向导中，您需要上传 Docker Compose 配置文件。以下是 log-lottery 的示例配置：

services:
 lottery:
     image: fooololo/log-lottery:latest  #使用的镜像和版本
     container_name: lottery
     restart: always
     network_mode: bridge  #使用默认的桥接网络模式
     ports:
         - "6719:6719" # 端口映射，将容器的 6719 端口映射到NAS的 6719 端口
     logging: # 配置日志管理
         driver: "json-file" # 使用 JSON 文件驱动记录日志
         options: # 日志驱动的选项
             max-size: "5m" # 每个日志文件的最大大小为 5MB
             max-file: "3"  # 最多保留 3 个日志文件

参数说明

image:

• 指定要使用的 Docker 镜像及其版本，latest 表示拉取最新版本。

container_name:

• 为容器指定名称 lottery，便于管理和识别。

restart：设置容器重启策略。

• always：无论容器退出原因是什么，Docker 都会始终尝试重启。

network_mode：设置容器的网络模式。

• bridge：容器与宿主机NAS通过桥接网络进行通信，默认模式。

ports: 配置容器与宿主机之间的端口映射。

• 将容器的 6719 端口映射到宿主机NAS的 6719 端口，使服务能够通过主机访问。

logging：配置日志管理策略。

• driver: "json-file"：使用 JSON 文件格式记录日志。

• max-size: "5m"：限制单个日志文件大小为 5MB。

• max-file: "3"：最多保留 3 个日志文件，超过数量后会覆盖最旧的文件。

3.部署项目

确认配置无误后，点击【立即部署】，系统将自动拉取镜像并启动容器。部署完成后，您可以通过 http://<NAS_IP>:端口访问 log-lottery 的首页。

4.使用 log-lottery 设置年会抽奖

在浏览器中输入 http://<NAS_IP>:8002（例如：http://192.168.22.185:6719/）进入 log-lottery 的主界面后，可点击页面右侧的“设置”按钮，按需调整以下内容：

• 人员管理：您可以通过 Excel 批量导入或导出参与者名单，大大提高人员管理效率。

• 奖项配置：您可以自定义奖项类型与数量，上传奖品图片等操作，大奖小奖任意设置。

• 界面配置：您可以根据公司、活动主题，调整页面颜色、字体、标题等。

• 背景音乐：您可以根据活动主题设置背景音乐，让抽奖活动更有氛围感。

• 动画效果：抽奖过程更酷炫，3D 球体的旋转速度和特效，让整个抽奖视觉体验更惊艳。