情侣专属微信小程序实战:任务换积分、积分兑好礼的完整搭建指南
【免费下载链接】Rainbow-Cats-Personal-WeChat-MiniProgram给女朋友做的微信小程序!情侣自己的任务和商城系统!项目地址: https://gitcode.com/gh_mirrors/ra/Rainbow-Cats-Personal-WeChat-MiniProgram
周五晚上八点,阿哲和木木各占沙发一角刷手机,整晚说过最长的一句话是:"该洗澡了。"——不是不爱了,是日子过成了复制粘贴。
打破这种沉默的,是一款开源的情侣微信小程序——"卡比们的任务"。它把"早点睡""打扫房间""一起看电影"这些再普通不过的小事,变成能赚积分的游戏任务;再把积分换成商城里的"洗碗券""按摩券",让两个人像组队打游戏一样经营感情。
玩法闭环:任务、积分、商城、仓库是怎么串起来的
整个小程序的逻辑其实只有一条主线:发布任务 → 完成验收 → 积分入账 → 商城兑换 → 仓库核销。跟着这条线走一遍,你就能理解全部设计。
第一步:发布任务,积分由发布者定价
"晚上要早睡,明天早起"值多少分?"周末把房间收拾干净"又值多少分?答案由发布任务的人说了算。新建任务时可以填标题、写描述、用滑块直接设置积分奖励,完全自定义。
第二步:完成任务,由发布者验收
任务做完之后,必须由发布方确认,积分才会真正到账。这一步是整个系统的灵魂:它堵死了"自说自话"的口子——想偷偷给自己加积分?没门。想单方面送对象积分?也不行。谁发布、谁验收,规则对等,谁也做不了弊。
第三步:积分入账,双方余额实时可见
确认完成的瞬间,积分通过云函数写入账户,主页上两个人的余额同步刷新。谁攒得多、谁花得快,一目了然,攒积分这件事本身也变成了小小的竞争游戏。
第四步:商城兑换,商品存进个人仓库
攒够积分,就能去商城"买"东西了。这里的商品不一定是实物,更多时候是一张张服务券:洗碗券、按摩券、请客吃饭券。用积分买下之后,商品并不会消失,而是进入个人的仓库里妥善保管。
第五步:仓库核销,用掉才叫真正兑现
"洗碗券"躺在仓库里,什么时候用、怎么用,主动权都在持有者手里。比如对方拿着券让你去洗碗,等活真干完了,她再一键把这张券标记为"已使用"——这个操作不可逆,用了就是用了,谁也赖不掉。
一条完整的情感激励闭环就此打通:想要奖励就去完成任务,想兑现奖励就得好好服务对方。两个人都有事做、有盼头,互动自然多了起来。🎮
技术选型:为什么没有编程基础也能上手
一听到"开发小程序",很多人立刻想到买服务器、配域名、搞备案、写后端……这套项目把所有这些都省掉了,因为它整个跑在微信云开发上。
- 云数据库:任务的增删改查、积分变动、仓库记录,全部存在云端的文档型数据库里,实时同步,无需自建数据库。
- 云函数:积分增减、列表查询、openid 识别等核心逻辑,都被封装成一个个云函数在云端运行。你只管上传代码,不用管服务器死活。
- 云存储:以后想扩展图片上传等功能,云存储也已经替你备好。
换句话说,只要有一台能跑微信开发者工具的电脑,就能把整套系统架起来。云开发自带免费额度,两个人的日常使用绰绰有余,真正意义上的"零服务器成本"。✨
分阶段部署:从零到上线一共五步
整个部署过程可以拆成五个阶段,按顺序走完,小程序的雏形就出来了。每一阶段都不难,难的是别跳步。
阶段一:注册账号,开通云开发环境
先注册微信小程序开发者账号,完成小程序的基本信息和类目设置,然后下载安装微信开发者工具。用工具导入克隆下来的项目:
git clone https://gitcode.com/gh_mirrors/ra/Rainbow-Cats-Personal-WeChat-MiniProgram打开工具后,点击左上角的"云开发"按钮,按提示开通云开发环境,并记下你的环境 ID——后面配置环境时要用。
阶段二:初始化四个数据集合
在云开发控制台的数据库里创建四个集合,名字一个都不能错:
- MissionList:任务列表
- MarketList:商品列表
- StorageList:仓库列表
- UserList:用户列表
接着在 UserList 中手动添加两条用户记录,每条都包含两个字段:_openid(先留空)和credit(积分,先填 0)。最后把环境 ID 填进miniprogram/envList.js,程序才能知道该连接哪个环境。
阶段三:逐个上传云函数
项目已经内置了多个云函数:添加元素、删除元素、编辑积分、编辑上架状态、查询列表、获取 openid 等等。操作方式很简单:右键点击每个云函数文件夹,选择"云端安装依赖并上传"。逐个上传完毕后,回到云开发的云函数页面,看到函数都列在上面,就说明成功了。
阶段四:绑定 openid,完成双人配对
上传完云函数不代表配对完成。你需要先体验一下流程:把小程序设置为体验版,分享给另一半,双方各自在手机上新建一条任务。然后回到云数据库的 MissionList 里,把两条记录对应的_openid找出来,分别填进 UserList 中之前留空的两个字段,同时更新miniprogram/app.js里的_openidA、_openidB和双方昵称。程序这才知道"谁是 A、谁是 B"。
阶段五:开启订阅消息提醒
想让对方第一时间知道"你发布了任务""任务已被确认"?项目内置了基于订阅消息的通知能力。在微信公众平台申请消息模板,把模板 ID 替换到 MainPage、MissionAdd 等页面的对应位置,并在cloudfunctions/information/index.js中填入双方的 openid,通知就能正常送达了。
进阶玩法与实用技巧
跑通基础流程之后,不妨再折腾一些让体验更棒的小细节。💡
用好预设模板,三秒发布任务
项目内置了一批常用预设——早睡早起、打扫房间、健康运动、请客吃饭、买小礼物……发布任务或商品时直接选预设,标题和描述自动填好,改改积分就能发,省去了大量打字时间。
按难度设计积分梯度
积分给多少,直接决定两人玩得开不开心。个人建议:日常小事给低分,需要坚持的事情给中分,特殊纪念日、大惊喜可以给高分甚至"限时双倍"。具体数值两家自己商量,但最好在代码里设个上限,防止积分通胀。
给纪念日留专属玩法
在一起 100 天、周年纪念这类日子,可以专门发布"特别任务"或上架"纪念日限定券"。仪式感一旦变成游戏里的"限定道具",期待值立刻拉满。
慢慢发掘的开箱细节
左滑即可完成任务或购买商品、可拖拽的悬浮新增按钮、支持关键词搜索的搜索框、自动轮播的滑动窗……这些都是项目自带的交互细节。项目里还保留了旧版界面截图,对比着看,能明显感受到交互设计一路的进化。
常见疑问解答
完全不懂编程,能部署成功吗?可以。项目已经把技术细节全部封装好,你要做的只是按五步流程操作:点按钮、填字段、替换 ID。唯一需要多一点耐心的环节是环境配置,但每一步都有明确的落点,照着做就不会迷路。
两个人的数据安全吗?所有数据都存在微信云开发平台上,基础设施由微信官方提供,不需要自己搭服务器,也不用担心数据裸奔。
任务和商品只能用它自带的吗?当然不是。预设只是用来偷懒的,标题、描述、积分、上下架状态全部可以自定义,完全可以打造一座属于你们两个人的专属任务库和商城。
用这个项目要花钱吗?基础使用完全免费,云开发自带的免费额度对情侣日常互动来说非常充裕;就算以后用量上去了,低成本的付费档位也足够便宜。
把恋爱过成一场双人游戏
技术本身并不浪漫,浪漫的是它带来的改变。一个任务、一次验收、一张券、一次兑现——这些小小的你来我往,恰恰是感情里最需要的互动感。
所以,别再让聊天记录停在"早安"和"晚安"了。拉上你的另一半,把这个开源的情侣微信小程序部署起来,用积分把平淡的日子过成双人游戏。现在就去克隆仓库、开通云开发,今晚就能给对方发布第一个任务。❤️
【免费下载链接】Rainbow-Cats-Personal-WeChat-MiniProgram给女朋友做的微信小程序!情侣自己的任务和商城系统!项目地址: https://gitcode.com/gh_mirrors/ra/Rainbow-Cats-Personal-WeChat-MiniProgram
创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考