基于微信云开发 SayLove 表白墙微信小程序

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

注意：

云函数的wx-server-sdk依赖需要更新才能正常使用，这里的都是旧版本的。上传云函数前请自行使用npm更新。

登录鉴权：(现在这个不可以用了，因为微信小程序的规则改了，这个不符合新规，需要自己修改)

[TOC]

程序结构

|--App 小程序代码目录

|--|-- cloudfunctions 云函数

|--|--|--|-- DeleteMessage

|--|--|--|-- DeleteMyLike

|--|--|--|-- Deletes

|--|--|--|-- FaceAPI 阿里云人脸识别API封装

|--|--|--|-- FrofessComment

|--|--|--|-- FrofessZan

|--|--|--|-- Message

|--|--|--|-- SaleComment

|--|--|--|-- SaleZan

|--|--|--|-- ViewNumber

|--|--|--|-- login

|--|-- miniprogram 小程序页面

|--|--|--|-- 略

|--README.md

|--Images 截图

说明

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

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

参考源项目的内容如下：

主要是参考了他的点子，并不是完全照搬照抄

界面的大体布局，比如：板块布局、配色没有修改，

除了大布局上以外，基本所有小布局都有更改(具体见下面的)

【注】：我的初衷目的，并不是为了直接拿别人的项目修修改改，然后就说这是我的成果。

我看到原作者的项目是一个偶然的机会，当时有恰好我在学微信小程序的云开发，所以就参考原作者的项目进行了云开发的修改适配，作为学习成果的验证。除了这个以外并没有其他的目的，也因此把我自己的也开源了。

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

后台：自己构造，完全依赖于云开发，无需搭建后台服务器

所有数据的结构：完全是自己构造的(因为后台不一样，所以数据的构造完全不一样)

登录鉴权：自己重新写的(现在这个不可以用了，因为微信小程序的规则改了，这个不符合新规，需要自己修改)

首页新消息通知：自己重新写的(没有直接使用参考的原项目)

各个板块的点赞、评论：重新根据自己的需要重新编写，对其进行了提升(因为后台不一样，所以数据的结构需要重新构造)

各个板块的图片上传：界面以及逻辑代码是自己重新的(参考的源项目使用的是插件，这里改为了原生的)，图片保存在云开发的后台

卖舍友板块：瀑布流重写，没有使用原来的瀑布流

发布话题、发布卖舍友部分重写：根据自己的需要进行了重写

情侣脸板块：自己封装阿里云人脸识别的接口，来适配云开发

个人中心板块重写：自己重新构造了消息通知

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

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

配置过程

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

或者clone项目 git clone https://github.com/lx164/SayLove/tree/master/App

2、打开微信开发者工具，导入项目，填写APPID；

3、开通云开发环境(请参考官方文档)；

4、新建以下数据库集合,一行为一个集合名(不要写错)：

comment

message

mylike

parise

posts

sale_friends

topics

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

5、填写小程序相关配置信息；

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

// 小程序APPID

const APPID = ''

// 小程序SECRET

const SECRET = ""

// 云开发环境ID

const CLOUNDID = ''

// 消息刷新时间，单位：毫秒

// 默认10秒刷新一次，即10000毫秒

// 根据实际需要进行调节

const FLASHTIME = 10000000

如下图：

6、【选填，若使用 情侣脸 ，则需要填写】填写阿里云面部识别相关配置信息：

阿里云的AccessKey和AccessKeySecret的获取，以及人脸识别服务的开通请参考官方文档。

// 请填写完整

// 阿里云的AccessKey

var ak_id = '';

// 阿里云的AccessKeySecret

var ak_secret = '';

如图：

7、上传 APP/cloudfunctions 文件夹下所有的云函数，云函数所需要的依赖已安装(如果没安装请自行使用npm安装或者更新)，请直接选择 上传并部署：所有文件；

8、编译运行。

结语

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

程序效果图

云开发 quickstart

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

数据库：一个既可在小程序前端操作，也能在云函数中读写的 JSON 文档型数据库

文件存储：在小程序前端直接上传/下载云端文件，在云开发控制台可视化管理

云函数：在云端运行的代码，微信私有协议天然鉴权，开发者只需编写业务逻辑代码

参考文档