200字范文,内容丰富有趣,生活中的好帮手!
200字范文 > 情侣积分微信小程序零基础开发教程(附代码及开发指南)

情侣积分微信小程序零基础开发教程(附代码及开发指南)

时间:2021-02-24 21:36:56

相关推荐

情侣积分微信小程序零基础开发教程(附代码及开发指南)

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/

忘记记录了…

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。