To Our Loves
本文最新版本
0 情侣积分互动小程序
在idofSunChonggao 的基础上进行开发, 感谢!
且感谢初版(UxxHans)!
⭐ 如果本仓库对您有所帮助,您的fork或star就是对我最大的鼓励,谢谢!
v22.0.0
改了还蛮多的,具体看界面展示吧~
零前端基础,全凭爱意。代码存在诸多不足和bug,仅供参考。
v22.1.0
⭐ 增加任务类型选择:(任务可以发给自己,也可以发给对方)
发布者from:
我from的任务,你to来监督: (对方监督自己完成)
此任务是from申请,由from执行,需to监督确认。
你to的任务,我from来监督: (自己监督对方完成)
此任务是from申请,由to执行,需from监督确认。
1 最新版本的界面展示
1.1 主页
1.2 任务
v22.1.0
v22.0.0
1.3 笔记
1.4 商城 && 仓库
2 初步的部署指南
⭐⭐初步的部署指南的结果是 commits “初步部署Fix” 版本⭐⭐
⭐⭐其基于 idofSunChonggao 的版本 ⭐⭐
2.0 小程序注册账号以及设置相关
2.0.0 小程序注册
https://mp./wxopen/waregister?action=step1
2.0.1 登录开发
https://mp./
⭐微信扫码 - 选择你的账户
2.0.2 开发流程
⭐去完成小程序信息以及小程序类目。
⭐再点击左侧成员管理,添加体验人员。
2.1 自己开发(微信云开发)
2.1.1 下载开发者工具
https://developers./miniprogram/dev/devtools/stable.html
2.1.2 导入项目
# 克隆项目git clone /idofSunChonggao/Rainbow-Cats-Personal-WeChat-MiniProgram.git
⭐导入项目进入微信开发者工具。
⭐选择文件夹
⭐选择好自己的AppID
2.1.3 云开发设置
⭐进入后,点击 云开发
⭐进入后点击数据库->在集合名称添加四个集合:MarketList
,MissionList
,StorageList
,UserList
如下所示
⭐在UserList
中添加两个默认记录, 在两个记录中分别添加两个字段 _openid与credit
字段 = _openid | 类型 = string | 值 = 先不填字段 = credit | 类型 = number | 值 = 0
结果如下
⭐⭐⭐⭐⭐⭐ 最新版本的这里还需要添加几个字段
⭐设置 - 环境设置 - 复制环境ID
修改 miniprogram\envList.js 为:
const envList = [{"envId":"cloud1-xxxxxxxxxxxxx","alias":"cloud"}]module.exports = {envList,}
⭐设置好编辑器云函数根目录(cloudfunctionRoot)
⭐右键点击 cloudfunctions 中的每个文件夹并选择云函数云端安装依赖上传 (不上传 node_modules), 一共九个。
⭐⭐ 最新版本的需要上传更多云函数
结果:
⭐点击真机调试,出现
Error: miniprogram_npm/weui-miniprogram/icon/icon.js does not exists [1.05.2204250][win32-x64]
可能git clone 没把它下下来,自己去专门复制一个这份文件,并放到相应目录下。
⭐没有安装npm或者NodeJs, 需要先在这里下载安装: /dist/v16.15.1/node-v16.15.1-x64.msi
⭐win+R 打开cmd,安装相关
到cloudfunctions里执行
npm install --save wx-server-sdk@latestnpm init -y
如图所示:
⭐再对miniprogram\pages\MainPage\index.wxml 进行修改,可以编译通过一个没有错误的demo
⭐点击上传
⭐再回到https://mp./ 的版本管理里,将开发版本设置为体验版。
⭐然后通过开发者账号分享到男/女朋友手机上(要先登录小程序开发者账号)。
⭐在两个手机上运行小程序->分别在两个手机上的小程序里新建任务。
⭐然后回到云开发控制台的missionlist数据库集合->找自己和男/女朋友的openid变量并记录。
⭐把这两个记录下来的拷贝到云开发控制台UserList数据集合里刚刚没填的openid变量中。
⭐把这两个记录下来的openid拷贝到miniprogram/app.js里的openidA和openidB的值里(A是小明,B是小红)。
⭐在miniprogram/app.js里把userA和userB改成自己和男/女朋友的名字。
⭐在miniprogram/app.js里把date改成自己和男/女朋友的恋爱纪念日。
⭐然后再试试看是不是成功了! (别忘了任务和物品左滑可以完成和购买)。
⭐别忘了最后点击右上角上传->然后在开发者账号上设置小程序为体验版->不用去发布去审核。
3 进一步的修改参考
4 感谢
一些图片来源:
http://mof.chu.jp/icon.html?ref=uiset
/
一些开发参考:
https://developers./miniprogram/dev/framework/
忘记记录了…