尧图建网站 尧图建网站 YAOTU WEB BUILD 免费咨询
ARTICLE DETAIL

资讯详情

深耕网站建设与建站编程的一线实战洞察。

没有服务器也能跑的情侣微信小程序:他把“谁洗碗“变成了一场双人游戏

没有服务器也能跑的情侣微信小程序:他把“谁洗碗“变成了一场双人游戏 没有服务器也能跑的情侣微信小程序他把谁洗碗变成了一场双人游戏【免费下载链接】Rainbow-Cats-Personal-WeChat-MiniProgram给女朋友做的微信小程序情侣自己的任务和商城系统项目地址: https://gitcode.com/gh_mirrors/ra/Rainbow-Cats-Personal-WeChat-MiniProgram周六晚上阿远和女朋友又因为谁洗碗拌了嘴。和很多情侣一样他们不是不爱只是这类重复了一百次的小事真的会一点点磨掉耐心。直到他淘到一个免费开源的情侣微信小程序——卡比们的任务把家务和约会都包装成了积分游戏日子忽然变得不一样了。这不是什么高大上的商业产品而是一位程序员实实在在写给女朋友的小程序代码全部开源用的还是微信官方提供的云开发能力——不需要买服务器、不需要懂运维两个人就能跑起来。它把情侣之间的日常互动变成了一套有规则、有反馈、有仪式感的双人游戏。一个把谁洗碗写成游戏任务的周末卡比们的任务这个名字来自小程序里的两位主角卡比和瓦豆。整个玩法一句话就能说清——发布任务 → 完成任务 → 对方确认 → 积分到账 → 商城兑换 → 仓库取用。页面上的东西不多但每一样都踩在情侣日常的点上任务页谁都可以发起任务今晚早睡周末大扫除一起看部电影发布时顺手标一个积分奖励积分榜两个人的积分摆在首页肉眼可见谁在认真攒分是的这会成为新的较量商城页积分不是白攒的能换成洗碗券按摩券游戏皮肤这类商品仓库页买下的商品不会立刻消失而是躺进仓库等你真正去使用它上图里你能看到任务列表、积分榜、商品货架和搜索框——搜索框虽小任务和商品一多它就是救命稻草。而添加任务和商品也很省事项目内置了一批预设模板点几下就能发出去不用每次从头打字。这套情侣小程序的公平机制是它最好玩的设计如果只是发任务、攒积分很多小程序都能做。真正让这个项目有意思的是它的公平监督设计。为什么完成任务的人不能自己点完成为什么发起任务的人也不能自己做完自己的任务答案写在项目说明里不想给任何一方自说自话、随便给自己或对方加分的能力。这条规则看着简单其实是整个系统的灵魂动作谁能做为什么发布任务任意一方自由发起标记完成执行方只有自己知道做没做确认完成对方防止自导自演刷积分积分到账系统自动确认后立即结算操作上也为此做了统一任务和商品都不再用点圆圈来完成或购买而是改成左滑菜单图标一目了然误触率低也更有操作感。一张洗碗券的完整旅程从积分到仓库再到已使用积分只是中间货币真正的乐趣在兑换之后。想象这个场景你用攒下的 80 积分在商城买下了一张洗碗券。这张券不会立刻生效而是先进仓库。下次你想偷懒时拿出这张券让对方兑现——你负责洗碗券完成使命被标记为已使用且不可逆。这个先入库、后使用的设计非常妙它把一次简单的消费拆成了两个需要对方配合的动作制造了两次互动机会。购买是第一次互动兑现是第二次。商品一旦被标记已使用就再也回不去这也保证了交易记录的严肃性——不是点着玩的。零服务器成本背后的秘密微信云开发看到这里你可能会嘀咕又要数据库又要逻辑我哪会写后端别担心这个项目的后端几乎全部交给了微信云开发——数据库、云函数、存储都由微信平台托管你只需要把代码上传上去。打开cloudfunctions/目录里面每一个文件夹就是一个云函数职责划分得很清楚addElement/deleteElement添加和删除任务、商品editCredit积分增减用数据库自增指令天然防止负数editAvailable/editStar上下架、标星管理getList/getElementById/getElementByOpenId各类数据查询数据则存在四个云数据库集合里MarketList商品、MissionList任务、StorageList仓库、UserList用户积分。整个架构轻得像一张纸但闭环完整该有的都有。从拿到代码到两个人开玩总共要动哪些地方实操部分没有想象中可怕全程都在微信开发者工具里完成大概按下面几步走先把代码拿下来git clone https://gitcode.com/gh_mirrors/ra/Rainbow-Cats-Personal-WeChat-MiniProgram用微信开发者工具导入项目在工具左上角找到云开发并开通有免费额度够两个人玩在云开发的数据库页创建四个集合MarketList、MissionList、StorageList、UserList在UserList里加两条用户记录每条带上credit字段初始值填 0打开miniprogram/envList.js把云开发的环境 ID 填进去右键cloudfunctions/里的每个文件夹选择上传并部署云端安装依赖逐个传完两个人在各自的手机上打开小程序随便建一个任务然后回到数据库把自动生成的两个_openid抄进miniprogram/app.js里的_openidA和_openidB顺手把userA、userB改成你们俩的名字回到小程序左滑一个任务试试完成再左滑一件商品试试购买最后一步可选但很加分订阅消息提醒。在小程序后台申请一个订阅消息模板把模板 ID 填进miniprogram/pages/MainPage/index.js和MissionAdd/index.js再在cloudfunctions/information/index.js里写入两个人的 openid之后任务一更新对方的手机就会收到叮咚任务更新提醒。把积分游戏玩出花来任务创意与奖励设计跑起来之后怎么玩得长久才是关键。这里有几个方向可以参考任务创意日常关怀类睡前说一句我爱你给对方准备早餐共同成长类一起学做一道菜晚上一起散步半小时浪漫惊喜类准备一个小惊喜手写一封情书家务分担类轮流倒垃圾承包一周的猫砂积分档位简单小事1030 分中等付出3060 分挑战型任务60100 分纪念日专属可以单独加码兑换建议低档零食、奶茶50100 分中档电影票、小礼物100200 分高档一顿大餐、一次特别约会200 分以上顺便说一句单次交易积分的上限写在miniprogram/app.js的maxCredit里默认 500想调整随时改。说到底这个项目提供的不是代码而是一套让感情更有趣的相处方式。它把谁洗碗这种容易引发摩擦的小事变成了有奖励、有反馈、有期待的游戏关卡把给对方一个惊喜变成了可以量化的积分目标。两个人一起攒分、一起兑换、一起兑现互动自然就多了起来。代码和文档都在cloudfunctions/与miniprogram/两个目录里照着上文步骤走一个晚上足够让它在你们俩的手机上跑起来。今晚回家把仓库地址发给另一半发布第一个任务吧——内容我都替你想好了今晚一起做饭奖励 50 积分。【免费下载链接】Rainbow-Cats-Personal-WeChat-MiniProgram给女朋友做的微信小程序情侣自己的任务和商城系统项目地址: https://gitcode.com/gh_mirrors/ra/Rainbow-Cats-Personal-WeChat-MiniProgram创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考
返回列表