前言
又到了一年一度的公司年会季,是不是已经开始为抽奖环节发愁了?用Excel做随机滚动?界面简陋,还容易卡顿;下载专业软件?操作复杂,还要担心兼容性和安全问题;找在线服务?不是要注册登录,就是弹窗广告满天飞,甚至偷偷收集名单数据。别担心,今天我要给大家介绍一个超级炫酷的抽奖程序——Log-Lottery!有了它,保证你的年会抽奖环节成为全场焦点!

1 什么是Log-Lottery?
Log-Lottery可不是普通的抽奖程序,它是一个基于Three.js和Vue 3打造的3D球体抽奖应用。想象一下,一个炫酷的3D球体在大屏幕上旋转,抽奖过程变得如此生动有趣,是不是已经让你心动了?让我们来看看它的几大亮点:
- 炫酷视觉效果:3D球体抽奖,让你的年会瞬间高大上。
- 高度可定制:从奖品到参与者,从界面到音乐,都可以自由配置。
- 本地数据存储:使用IndexedDB,保证数据安全不丢失。
- Excel导入导出:轻松管理参与者名单和抽奖结果。
- 开源免费:完全开源,你可以自由使用,甚至二次开发。

2 Windows部署安装Log-Lottery
Linux、Windows、MacOS系统Docker安装教程:https://www.cpolar.com/blog/docker-installation-linux-windows-macos
本教程将在Windows上操作演示。使用Docker方式一键部署Log-Lottery,如果还没有安装Docker的小伙伴,可以先访问上面链接进行安装一下。
打开终端,粘贴这行一键部署脚本
docker run -d -p 6719:6719 --name log-lottery fooololo/log-lottery:latest

部署成功后打开浏览器访问localhost:6719,就能看到我们抽奖的页面啦!

3 简单使用Log-Lottery
首先我们可以自定义各种奖项,想抽什么都可以

接着人员管理这里可以用Excel导入,轻松管理大量参与者

还可以根据公司风格,自定义界面颜色和样式。

最后选择合适的音乐,烘托抽奖氛围。

回到主页就可以参加抽奖啦

这个3D的效果视觉效果超赞!

4 穿透Log-Lottery以支持公网访问
虽然Log-Lottery已经非常强大了,但如果你想要更进一步,让远程的朋友也能参与到你的年会抽奖环节中来,那就需要一个神器——cpolar!cpolar可以帮助你快速生成一个临时的公网地址,让你的本地项目轻松被外界访问。
4.1 什么是cpolar?

- cpolar 是一款内网穿透工具,可以将你在局域网内运行的服务(如本地 Web 服务器、SSH、远程桌面等)通过一条安全加密的中间隧道映射至公网,让外部设备无需配置路由器即可访问。
- 广泛支持 Windows、macOS、Linux、树莓派、群晖 NAS 等平台,并提供一键安装脚本方便部署。
4.2 下载cpolar
打开cpolar官网的下载页面:https://www.cpolar.com/download
点击立即下载 64-bit按钮,下载cpoalr的安装包:

下来下来是一个压缩包,解压后执行目录种的应用程序,一路默认安装即可,安装完成后,打开cmd窗口输入如下命令确认安装:
cpolar version

出现如上版本即代表安装成功!
4.3 注册及登录cpolar web ui管理界面
注册完成后,在浏览器中输入如下地址访问 web ui管理界面 :
http://localhost:9200

如果还没有账号,点击下方免费注册即可注册账号。输入刚才注册好的cpolar账号登录即可进入后台页面:

4.4 穿透Log-Lottery项目的WebUI界面
登录cpolar web UI管理界面后,点击左侧仪表盘的隧道管理——创建隧道:
- 隧道名称:可自定义,本例使用了:Lottery,注意不要与已有的隧道名称重复
- 协议:http
- 本地地址:6719
- 域名类型:我为了长期使用所以选择二级子域名,如果只是测试可以选择随机隧道
- 地区:选择China Top

然后我们需要保留一下二级子域名,登录cpolar官网,点击预留,选择保留二级子域名,地区选择china top,名称自定义,点击保留

保留成功后把这个子域名复制下来

回到cpolar配置界面,粘贴到域名上,点击创建:

创建成功后,打开左侧在线隧道列表,可以看到刚刚通过创建隧道生成了两个公网地址,接下来就可以在其他电脑或者移动端设备(异地)上,使用任意一个地址在浏览器中访问即可。

随便复制打开一个,都能进入到我们的log-lottery当中啦

现在就可以进行随时随地抽奖了!可以把这个分享给年会上的工作人员使用啦~

结尾
通过以上步骤,你已经成功将Log-Lottery部署到本地,并且通过cpolar实现了远程访问和分享。是不是觉得年会抽奖环节变得更加有趣了呢?如果你还没有注册cpolar,强烈建议你试试看!它不仅免费提供基础功能,还有更多高级特性等你来发现。
最后,别忘了关注我的博客,获取更多好玩的开源项目和技术教程哦!祝你的年会顺利进行,大家玩得开心!🎉✨
希望这篇文章能帮助你在公司年会上大放异彩,让同事们刮目相看。如果有任何问题或建议,欢迎在评论区留言交流!😊


