校园表白墙微信小程序V1.0 SayLove -基于微信云开发-一键快速搭建,开箱即用

小森森
• 阅读 1805

后续会继续更新,敬请期待2.0全新版本~ 欢迎添加左边的微信一起探讨!

项目地址:https://www.cnblogs.com/LiangSenCheng/p/11083714.html

校园表白墙微信小程序V1.0 SayLove -基于微信云开发-一键快速搭建,开箱即用 点我直达

  • [其他开源项目]
  1. 表白墙 https://www.cnblogs.com/LiangSenCheng/p/11083714.html
  2. https://www.cnblogs.com/LiangSenCheng/p/12543230.html

Bug修复更新日历

  • [2021-05-12] 更新说明:
  1. 课设毕设参考专用版本 】针对 昵称显示 微信用户、 头像只显示灰色头像等的问题进行了修复,需要了解详情以及新代码的话,请加我微信了解(请备注来源、来意点击这里

  2. 情侣脸功能大家不要使用了,现在阿里云的接口已经要收费了(土豪请随意),官方文档看这里

  • [2021-04-06] 更新说明:

最近有不少反馈说,为什么已经注册成功了,在首页还是一直弹窗提示要注册,这个问题是因为上个月微信改了授权规则了,这里的授权规则需要你自己修改一下。官方具体公告请参考这里

  • [2020-05-22] 小bug修复:
  1. 修复组件的bug;
  2. 修复首页showModal导致出错的bug;
  • [2020-04-30] 更新:
  1. 修复“情侣脸”云函数bug;
  2. 优化“情侣脸”交互逻辑,当无法识别时中断当前操作;
  3. 修复“发布表白”、“发布话题”时,没添加图片一直显示加载中的问题;
  4. 删除云函数不必要的依赖包;
  5. 全新版本的表白墙正在筹备中....

注意:

  • 情侣脸”云函数 FaceAPI 的wx-server-sdk依赖需要更新才能正常使用,这里的都是旧版本的,上传云函数前请自行使用npm更新。
  • 登录鉴权:(现在这个不适用了,因为微信小程序的规则改了,这个不符合新规,需要自己根据实际情况修改)
  • 后台管理:暂时没有做后台管理界面,直接在云开发后台即可查看管理,您也可以根据自己需要自己写一个简单的管理界面放在小程序端,然后把入口隐藏起来,限制指定用户使用即可。

目录

程序结构

|--App 小程序代码目录
|--|-- cloudfunctions 云函数
|--|--|--|-- DeleteMessage 
|--|--|--|-- DeleteMyLike
|--|--|--|-- Deletes
|--|--|--|-- FaceAPI 阿里云人脸识别API封装
|--|--|--|-- FrofessComment
|--|--|--|-- FrofessZan
|--|--|--|-- Message
|--|--|--|-- SaleComment
|--|--|--|-- SaleZan
|--|--|--|-- ViewNumber
|--|--|--|-- login
|--|-- miniprogram 小程序页面
|--|--|--|-- 略
|--README.md
|--Images 截图 

说明

《SayLove》表白墙微信小程序,前台基于校园情书微信小程序进行大量的修改,虽然样式看起来都差不多,但是做了大量的修改。特别是后台部分,后台完全使用微信小程序云开发,不依赖服务器。前台代码由于是在原作者的基础上根据实际情况做了修改,所以跟原来作者的看起来很像,但并没有照搬照抄。

为什么我要改写原作者的小程序?因为我尝试过根据原作者的所写的ReadMe进行配置,发现过程过于复杂,而且依赖因素太多,尝试了很多次都无法成功。在自己的好奇心驱使下,就基于原项目进行的改写,后台改写为微信小程序云开发,使其安装配置变得非常简单,拿来就可以直接使用了。

参考源项目的内容如下:

  • 主要是参考了他的点子,并不是完全照搬照抄
  • 界面的大体布局,比如:板块布局、配色没有修改,
  • 除了大布局上以外,基本所有小布局都有更改(具体见下面的)
  • 【注】:我的初衷目的,并不是为了直接拿别人的项目修修改改,然后就说这是我的成果。
  • 我看到原作者的项目是一个偶然的机会,当时有恰好我在学微信小程序的云开发,所以就参考原作者的项目进行了云开发的修改适配,作为学习成果的验证。除了这个以外并没有其他的目的,也因此把我自己的也开源了。
  • 参考的源项目作者地址为:https://github.com/oubingbing/school_wechat
  • 本项目的地址:https://www.cnblogs.com/LiangSenCheng/p/11083714.html

重构率超过了60%以上,如果不是借鉴了源项目的点子话,基本上可以说是自己重写的了,
大修改部分如下:

  • 后台:自己构造,完全依赖于云开发,无需搭建后台服务器
  • 所有数据的结构:完全是自己构造的(因为后台不一样,所以数据的构造完全不一样)
  • 登录鉴权:自己重新写的(现在这个不可以用了,因为微信小程序的规则改了,这个不符合新规,需要自己修改)
  • 首页新消息通知:自己重新写的(没有直接使用参考的原项目)
  • 各个板块的点赞、评论:重新根据自己的需要重新编写,对其进行了提升(因为后台不一样,所以数据的结构需要重新构造)
  • 各个板块的图片上传:界面以及逻辑代码是自己重新的(参考的源项目使用的是插件,这里改为了原生的),图片保存在云开发的后台
  • 卖舍友板块:瀑布流重写,没有使用原来的瀑布流
  • 发布话题、发布卖舍友部分重写:根据自己的需要进行了重写
  • 情侣脸板块:自己封装阿里云人脸识别的接口,来适配云开发
  • 个人中心板块重写:自己重新构造了消息通知

本程序已经经过测试,拿来按照说明简单配置就可以直接使用,界面可以自己进行修改。本人热爱小程序,目前上线并维护的有两个,后面看情况再找时间进行开源。

由于本人的能力有限,还有很多地方没法完善,望指正!

附:(微信小程序云函数) 阿里云人脸比对API封装 https://www.cnblogs.com/LiangSenCheng/p/10922979.html

配置过程

因为项目里含有微信小程序云开发用到的依赖,因此体积比较大。

  1. 直接下载源码,源码地址:https://www.cnblogs.com/LiangSenCheng/p/11083714.html

  2. 打开微信开发者工具,导入项目(导入的时候请选择 APP 文件夹);

  3. 填写APPID;

  4. 开通云开发环境(请参考官方文档);

  5. 新建以下数据库集合,一行为一个集合名(不要写错):

然后把以上的集合权限修改为:所有用户可读,仅创建者可读写

  1. 填写小程序相关配置信息;

配置文件在 App/miniprogram/config.js ,填写以下的配置信息:

 // 小程序APPID
    const APPID = ''
    // 小程序SECRET
    const SECRET = ""
    // 云开发环境ID
    const CLOUNDID = ''
    // 消息刷新时间,单位:毫秒
    // 默认10秒刷新一次,即10000毫秒
    // 根据实际需要进行调节
    const FLASHTIME = 10000000 

如下图:

校园表白墙微信小程序V1.0 SayLove -基于微信云开发-一键快速搭建,开箱即用

7.填写阿里云面部识别相关配置信息【选填】:

注意:如果不需要使用 情侣脸 功能的话,请跳过该步骤

  • 7.1 阿里云的AccessKeyAccessKeySecret的获取,以及人脸识别服务的开通请参考官方文档
 // 请填写完整
    // 阿里云的AccessKey
    var ak_id = '';
    // 阿里云的AccessKeySecret 
    var ak_secret = ''; 

AccessKeyAccessKeySecret的填写位置如图:

校园表白墙微信小程序V1.0 SayLove -基于微信云开发-一键快速搭建,开箱即用

  • 7.2 检查云函数 FaceAPI 所需要的依赖是否已安装;
 // 1. 如果已经安装请自行使用npm更新;
    // 2. 如果没有安装,则使用下面命令安装:
    npm install crypto
    npm install request
    npm install url
    npm install wx-server-sdk 
  • 7.3 上传云函数 APP/cloudfunctions/FaceAPI,上传时选择 上传并部署:所有文件
  1. 上传 APP/cloudfunctions 文件夹下(除了APP/cloudfunctions/FaceAPI以外)所有的云函数,上传时选择 上传并部署:云端安装依赖

  2. 编译运行。

结语

欢迎一起探讨,如果可以,可以给我一个start,或者

校园表白墙微信小程序V1.0 SayLove -基于微信云开发-一键快速搭建,开箱即用

程序效果图

校园表白墙微信小程序V1.0 SayLove -基于微信云开发-一键快速搭建,开箱即用)校园表白墙微信小程序V1.0 SayLove -基于微信云开发-一键快速搭建,开箱即用)校园表白墙微信小程序V1.0 SayLove -基于微信云开发-一键快速搭建,开箱即用)校园表白墙微信小程序V1.0 SayLove -基于微信云开发-一键快速搭建,开箱即用)校园表白墙微信小程序V1.0 SayLove -基于微信云开发-一键快速搭建,开箱即用)校园表白墙微信小程序V1.0 SayLove -基于微信云开发-一键快速搭建,开箱即用)校园表白墙微信小程序V1.0 SayLove -基于微信云开发-一键快速搭建,开箱即用

云开发 quickstart

这是云开发的快速启动指引,其中演示了如何上手使用云开发的三大基础能力:

  • 数据库:一个既可在小程序前端操作,也能在云函数中读写的 JSON 文档型数据库
  • 文件存储:在小程序前端直接上传/下载云端文件,在云开发控制台可视化管理
  • 云函数:在云端运行的代码,微信私有协议天然鉴权,开发者只需编写业务逻辑代码

参考文档

本文转自 https://www.cnblogs.com/LiangSenCheng/p/11083714.html,如有侵权,请联系删除。

点赞
收藏
评论区
推荐文章
blmius blmius
3年前
MySQL:[Err] 1292 - Incorrect datetime value: ‘0000-00-00 00:00:00‘ for column ‘CREATE_TIME‘ at row 1
文章目录问题用navicat导入数据时,报错:原因这是因为当前的MySQL不支持datetime为0的情况。解决修改sql\mode:sql\mode:SQLMode定义了MySQL应支持的SQL语法、数据校验等,这样可以更容易地在不同的环境中使用MySQL。全局s
待兔 待兔
5个月前
手写Java HashMap源码
HashMap的使用教程HashMap的使用教程HashMap的使用教程HashMap的使用教程HashMap的使用教程22
Jacquelyn38 Jacquelyn38
3年前
2020年前端实用代码段,为你的工作保驾护航
有空的时候,自己总结了几个代码段,在开发中也经常使用,谢谢。1、使用解构获取json数据let jsonData  id: 1,status: "OK",data: 'a', 'b';let  id, status, data: number   jsonData;console.log(id, status, number )
Easter79 Easter79
3年前
thinkcmf+jsapi 实现微信支付
首先从小程序端接收订单号、金额等参数,然后后台进行统一下单,把微信支付的订单号返回,在把订单号发送给前台,前台拉起支付,返回参数后更改支付状态。。。回调publicfunctionnotify(){$wechatDb::name('wechat')where('status',1)find();
梦
3年前
微信小程序new Date()转换时间异常问题
微信小程序苹果手机页面上显示时间异常,安卓机正常问题image(https://imghelloworld.osscnbeijing.aliyuncs.com/imgs/b691e1230e2f15efbd81fe11ef734d4f.png)错误代码vardate'2021030617:00:00'vardateT
Easter79 Easter79
3年前
Taro小程序自定义顶部导航栏
微信自带的顶部导航栏是无法支持自定义icon和增加元素的,在开发小程序的时候自带的根本满足不了需求,分享一个封装好的组件,支持自定义icon、扩展dom,适配安卓、ios、h5,全面屏。我用的是京东的Taro多端编译框架写的小程序,原生的也可以适用,用到的微信/taro的api做调整就行,实现效果如下。!在这里插入图片描述(https://i
Wesley13 Wesley13
3年前
mysql设置时区
mysql设置时区mysql\_query("SETtime\_zone'8:00'")ordie('时区设置失败,请联系管理员!');中国在东8区所以加8方法二:selectcount(user\_id)asdevice,CONVERT\_TZ(FROM\_UNIXTIME(reg\_time),'08:00','0
Wesley13 Wesley13
3年前
Java日期时间API系列36
  十二时辰,古代劳动人民把一昼夜划分成十二个时段,每一个时段叫一个时辰。二十四小时和十二时辰对照表:时辰时间24时制子时深夜11:00凌晨01:0023:0001:00丑时上午01:00上午03:0001:0003:00寅时上午03:00上午0
Wesley13 Wesley13
3年前
MySQL部分从库上面因为大量的临时表tmp_table造成慢查询
背景描述Time:20190124T00:08:14.70572408:00User@Host:@Id:Schema:sentrymetaLast_errno:0Killed:0Query_time:0.315758Lock_
Python进阶者 Python进阶者
11个月前
Excel中这日期老是出来00:00:00,怎么用Pandas把这个去除
大家好,我是皮皮。一、前言前几天在Python白银交流群【上海新年人】问了一个Pandas数据筛选的问题。问题如下:这日期老是出来00:00:00,怎么把这个去除。二、实现过程后来【论草莓如何成为冻干莓】给了一个思路和代码如下:pd.toexcel之前把这
小森森
小森森
Lv1
男 · 搬砖工人 · 前端开发工程师
个人博客https://www.cnblogs.com/LiangSenCheng/
文章
3
粉丝
2
获赞
6