情侣互动小程序玩法全解析:任务攒积分,商城换甜蜜
【免费下载链接】Rainbow-Cats-Personal-WeChat-MiniProgram给女朋友做的微信小程序!情侣自己的任务和商城系统!项目地址: https://gitcode.com/gh_mirrors/ra/Rainbow-Cats-Personal-WeChat-MiniProgram
"今天你洗碗还是我洗碗?"这大概是每对同居情侣每天都要面对的灵魂拷问。猜拳定输赢总有人不服,口头承诺转头就忘,日积月累的小怨气反而比家务本身更磨人。直到我把一款基于微信云开发的情侣互动小程序装进手机,把"洗碗"变成一张明码标价的"洗碗券"——事情忽然变得有趣了起来。
一句话说清它是什么
Rainbow-Cats-Personal-WeChat-MiniProgram 是一款开源的情侣互动小程序,核心就三件事:做任务、攒积分、换商品。它把情侣间琐碎的日常协作打包成一个迷你"经济系统",两个人各自发布任务、各自上架商品,用积分当货币完成一轮又一轮有来有回的互动。
和市面上那些只能"打卡记录"的情侣应用不同,它没有服务器成本、没有复杂后台,数据全托管在微信云开发上,部署完成后两个人直接在小程序里玩,连 App 都不用下载。最打动我的一点是它的规则设计——下文细说。
玩法拆解:任务怎么玩,积分怎么攒,商城怎么换
这套玩法的精妙之处,在于一环扣一环,谁都没法"作弊"。
第一环:任务,只能对方来"验收"
女朋友发布一条任务:"周末陪我看电影",设置好积分奖励,比如 30 分。这条任务会挂在任务列表里等你来处理。注意,发布任务的人不能自己点完成,必须由另一半确认——代码里的判断写得很清楚:完成者不能是任务创建者,也不能是积分的获得者(miniprogram/pages/Mission/index.js里的finishMission逻辑)。这保证了积分永远来自"对方的认可",而不是自己刷出来的。
任务还能打星标、搜关键词,完成后会归档到"已完成"列表,方便回看两个人一起走过的痕迹。左滑任务条,就能呼出"标记完成 / 星标 / 删除"三个图标按钮,操作一气呵成。
第二环:积分,攒的是信任也是期待
每完成一条任务,对方确认后,积分就自动打进你的账户(云函数editCredit负责增减,并做了防负数保护)。顶栏实时显示当前积分余额,攒到一定数额,就能去商城"消费"了。
第三环:商城与仓库,让付出有回报
商城和任务是对称设计的:你可以上架商品,比如"洗碗券""按摩券""免吵一架券",标好价格。对方用积分拍下后,商品不会消失,而是自动存入"个人仓库"——这是项目后加的仓库系统,买下的券安静躺在仓库里,等哪天拿出来用。用掉之后标记为"已使用",这一步不可逆,仪式感直接拉满。
整个闭环跑下来你会发现:想攒积分就得认真完成对方认可的事,想花积分就得先给对方提供价值。两个人都在"被需要"和"被奖励"之间获得满足感,这正是游戏化机制最聪明的部分。
零门槛上手:从 0 到 1 跑起来
整个项目不需要自己写后端,云开发把所有脏活累活都包了。跟着下面四步走,一个晚上就能上线。
第一步:克隆项目并注册小程序账号。在微信公众平台注册一个小程序开发者账号,然后用微信开发者工具导入项目:
git clone https://gitcode.com/gh_mirrors/ra/Rainbow-Cats-Personal-WeChat-MiniProgram第二步:开通云开发,建好四个集合。在开发者工具左上角点"云开发",按提示开通环境(免费额度够用)。进入数据库,新建四个集合:MarketList(商品)、MissionList(任务)、StorageList(仓库)、UserList(用户),并在UserList里为两个人各建一条记录,加上credit字段。
第三步:把环境 ID 填进配置文件。复制云开发控制台概览里的环境 ID,替换到 miniprogram/envList.js 里,再在 miniprogram/app.js 中把userA、userB改成你们俩的名字。等两台手机都跑过一次小程序后,去数据库里把各自的_openid找出来,填回app.js的_openidA和_openidB,这样系统才能区分"谁是谁"。
第四步:上传云函数。右键cloudfunctions目录下的每个云函数文件夹,选择"云端安装依赖并上传",等云开发控制台的云函数列表全部显示"运行中"就大功告成了。
藏在细节里的用心
抛开功能本身,项目里有些小设计很戳人。
- 积分滑块代替输入框:添加任务或商品时,积分奖励是用滑块拖出来的,顺手又防手滑,比敲数字有温度得多。
- 预设模板秒建:新建任务和商品都有预设可选,"洗碗""一起做饭"这类高频事项一键添加,不用每次都打字。
- 消息提醒:云函数
information里内置了订阅消息推送,对方发布新任务时,另一方微信会收到"叮咚~任务更新提醒",再也不用担心错过对方的"小心思"。 - 可拖拽的悬浮按钮:添加任务/商品的大按钮是悬浮在页面上的,拇指一够就能点,用起来很顺手。
这些细节未必多复杂,但处处透着一个信号:作者是真的在天天用这个小程序,才会把体验打磨得这么细。
谁最需要它
异地恋的情侣大概是最大受益者。两个人不在一个城市,日常交集少,这套任务系统反而成了情感连接的锚点——"今天记得吃早餐"可以是一条任务,"攒 200 分换你来看我"可以是一件商品。隔着屏幕也能为同一个目标努力,那种共同期待的感觉,比单纯发消息甜得多。
同居情侣则能靠它化解家务矛盾。把"洗碗""拖地"变成任务,把"免做家务券"变成商品,家务从争吵源头变成了游戏道具,谁能拒绝呢?
现在就能动手
这个项目把"情侣互动"这个抽象概念,落成了一套具体、公平、好玩的微信小程序积分商城系统,而且完全开源、免费部署。不管是想给另一半一个惊喜的程序员,还是想学微信云开发的新手,它都是一个绝佳的练手范本——源码结构清晰,云函数职责单一,翻一翻 cloudfunctions/ 和 miniprogram/pages/ 就能看懂全貌。
周末花一个晚上,把它部署起来,然后在任务列表里写下你们的第一条任务吧。让每一次小小的完成,都变成积分数字背后的一次甜蜜累积。
【免费下载链接】Rainbow-Cats-Personal-WeChat-MiniProgram给女朋友做的微信小程序!情侣自己的任务和商城系统!项目地址: https://gitcode.com/gh_mirrors/ra/Rainbow-Cats-Personal-WeChat-MiniProgram
创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考