README.md 3.8 KB
Newer Older
L
lx9625_鹤鹤 已提交
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34
# SayLove 表白墙微信小程序

[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

L
lx9625_鹤鹤 已提交
35 36
[附:(微信小程序云函数) 阿里云人脸比对API封装 https://www.cnblogs.com/LiangSenCheng/p/10922979.html ](https://www.cnblogs.com/LiangSenCheng/p/10922979.html )

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

## 程序效果图

L
lx9625_鹤鹤 已提交
41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107
## 配置过程

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

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
```

如下图:
https://github.com/lx164/SayLove/tree/master/Images/config.png

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

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

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

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

8、编译运行。





L
lx9625_鹤鹤 已提交
108 109

## 云开发 quickstart
L
lx9625_鹤鹤 已提交
110 111 112 113 114 115 116 117 118 119 120

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

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

## 参考文档

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