# SayLove 表白墙微信小程序

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

[TOC]

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

```

## 说明

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

>本程序已经经过测试，拿来按照说明拿来简单配置就可以直接使用,界面可以自己进行修改。本人热爱小程序，目前上线并维护的有两个，其中一个是《桂工课程表》，后面找时间也会进行开源。

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

源项目作者地址为：https://github.com/oubingbing/school_wechat

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

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

## 程序效果图

![image](https://github.com/lx164/SayLove/blob/master/Images/login.png)

![image](https://github.com/lx164/SayLove/blob/master/Images/love-new.png)

![image](https://github.com/lx164/SayLove/blob/master/Images/topic.png)

![image](https://github.com/lx164/SayLove/blob/master/Images/sell.png)

![image](https://github.com/lx164/SayLove/blob/master/Images/my.png)

![image](https://github.com/lx164/SayLove/blob/master/Images/face.png)

![image](https://github.com/lx164/SayLove/blob/master/Images/message.png)





## 配置过程

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

1、直接下载源码；

源码地址：https://github.com/lx164/SayLove/tree/master

或者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` ,填写以下的配置信息：

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

> 如下图：

![image](https://github.com/lx164/SayLove/blob/master/Images/config.png)

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

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

```
// 请填写完整
// 阿里云的AccessKey
var ak_id = '';
// 阿里云的AccessKeySecret 
var ak_secret = '';
```

>如图：
![image](https://github.com/lx164/SayLove/blob/master/Images/ali.png)

7、上传 `APP/cloudfunctions` 文件夹下的云函数，云函数所需要的依赖已安装，请直接选择 `上传并部署：所有文件`；

8、编译运行。


## 结语

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

![award](https://github.com/lx164/SayLove/blob/master/Images/award.jpg)


## 云开发 quickstart

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

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

## 参考文档

- [云开发文档](https://developers.weixin.qq.com/miniprogram/dev/wxcloud/basis/getting-started.html)