【本文可抽奖】爽!uniapp加uniCloud前后端一站式开发!记一个互动抽奖助手的诞生!

我心飞翔 分类:javascript

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

前言

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

image.png

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

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

缺点

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

优点

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

我设计的互动抽奖优缺点

缺点

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

优点

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

说干就干吧

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

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

截图展示1:
image.png

截图展示2:
image.png

截图展示3:

image.png

HBuilderX+uniCloud一站式开发

uniCloud

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

uniapp

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

HBuilderX

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

image.png

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

image.png

image.png

image.png

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

抽奖吧!抽奖吧!

Snipaste_2021-04-05_17-45-15.jpg
这个B站视频里可以抽一个掘金官方周边鼠标垫


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

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

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

大家快试试自己的欧气

最后

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

回复

我来回复
  • 暂无回复内容