这是一篇流水账式的技术分享

前言

我在B站看到有UP主在玩互动抽奖，我也想用这个功能。但是B站只给大UP主开，而我要开启这个功能还不知道要猴年马月。

身为一个老程序猿嘛，不给我开那就自己做一个吧~也不是啥麻烦的事！

B站官方互动抽奖的优缺点

缺点

B站官方这个互动抽奖的限制挺多，比如每月之内使用一次，玩法也单一。就是参与然后等待。

优点

官方的嘛，入口更加直接。利用站内信通知这些机制更加完整

我设计的互动抽奖优缺点

缺点

入口差一点，得自己分享网址，并且B站还很讨厌的让简介和评论里的网址不可直接点击。

优点

• 除了支持B站，我也支持咱掘金社区呀
• 定制化的抽奖互动，比如按点赞数开奖，按播放数开奖等都可以自定义
• 公平公正公开，抽奖的逻辑代码已开源

说干就干吧

思考了一个多礼拜，花了两天来做前后端开发，目前版本0.5 beta吧。抽奖部分的功能都完成了，但暂时没做用户自己发布抽奖活动，暂时不做有几个重要的考量：

• 用户自己发布，就得做用户登录注册
• 要发布就要可以修改，如果可以修改，如何保证参与抽奖者的权益。
• 相同文章或视频的抽奖活动，要不要验证是作者才可以发起抽奖。

截图展示1：

截图展示2：

截图展示3：

HBuilderX+uniCloud一站式开发

uniCloud

uniCloud云开发背后的服务商可以自由选用阿里云或者腾讯云，阿里云尤其大气，目前是全免费的，最多可以创建50个空间。腾讯云只能创建1个免费空间。但如果是发行微信小程序的话，由于是腾讯云的环境，在做登录授权解密等操作时，使用腾讯云会更简单一些。

uniapp

不用多介绍了，vue系最强跨端框架...大厂估计不太用，但二三线城市的小外包公司大部分靠它养活。

HBuilderX

这货其实一点不比VSCode差，vue的代码提示部分甚至超过VSCode。并且在支持了uniCloud后，你可以在HBuilderX里一键发行网页，阿里云还包含免费的静态网页托管服务。自带免费CDN....

在HBuilderX里，你写完前端写后端，开发时连接本地云函数。完成后上传云函数以及公共模块。然后一键将网页发布到前端网页托管服务里。

无须域名，无须自建服务器，完全免费，你的项目就这样可以发行了。

抽奖吧！抽奖吧！

这个B站视频里可以抽一个掘金官方周边鼠标垫

本文也开启了互动抽奖，奖品是掘金搪瓷茶缸子一个

luckyfans.jnsii.com/detail?id=6…

参与规则： 先评论，然后点赞，当点赞数达到200时，从评论区随机抽取1名用户获奖，获奖者必须关注作者，否则不予发奖

大家快试试自己的欧气吧

最后

谢谢掘金，谢谢掘金的张哥们 @优弧 @船长 ...奖品都是写文章得的~都送出去之后，我要再多得一些。：P