项目介绍随着微信小程序不断发展壮大，传统的 CRM 厂商也在不断向微信上迁移，毕竟微信的背后是巨大的用户和流量，还有极其方便的移动支付渠道。用微信小程序来做CRM，和以前的做法存在一些比较明显的差异，主要包括这几个方面：用户的使用习惯不同技术上的实现方式不同运营方面的做法不同所以，业内给这一类的 C.....

## 项目介绍

社区，是所有应用开发里最常见的场景之一。用云开发做一个能够匿名发声的树洞吧~

本次「云开发」公开课，将通过实战“树洞小程序”开发，教你如何借助小程序·云开发能力，提升功能开发效率。

## 资料下载
[https://github.com/TencentCloudBase/Cloudbase-Examples/tree/master/miniprogram/tcb-demo-hole](https://github.com/TencentCloudBase/Cloudbase-Examples/tree/master/miniprogram/tcb-demo-hole)

![](https://camo.githubusercontent.com/c4d35ae4a2709149a2b43a12baa91c4e62ceab8b/68747470733a2f2f707575692e717069632e636e2f7675706c6f61642f302f32303139303631315f313536303233373734353830355f7a75617662757932786d722e706e672f30)

![](https://camo.githubusercontent.com/b94c8d44f89fac7cd5f344027a2a1ab928148561/68747470733a2f2f707575692e717069632e636e2f7675706c6f61642f302f32303139303631315f313536303233383438313838315f31333439716d6e6d6c32706d2e706e672f30)

![](https://camo.githubusercontent.com/b8df726ea7322aa3f9b0eb1a283479877232dd57/68747470733a2f2f707575692e717069632e636e2f7675706c6f61642f302f32303139303631315f313536303233393037343135315f65663838683964677a70682e706e672f30)

![](https://camo.githubusercontent.com/f65e3cd7a38449569532385bfb421aeebb6db9dd/68747470733a2f2f707575692e717069632e636e2f7675706c6f61642f302f32303139303631315f313536303233393335303536365f346e61746d6e6d73356f612e706e672f30)

![](https://camo.githubusercontent.com/ff3aa1806f9f196f1bfa29fa293204ca92ffd485/68747470733a2f2f707575692e717069632e636e2f7675706c6f61642f302f32303139303631315f313536303233393730353531365f7930756e37777a777763672e706e672f30)

![](https://camo.githubusercontent.com/8f08fd48ccf2e33ed1c7028ab25e70fb1879effe/68747470733a2f2f707575692e717069632e636e2f7675706c6f61642f302f32303139303631315f313536303234303033363737345f726b7537767068306c38612e706e672f30)

![](https://camo.githubusercontent.com/a35c9e876d03c0ffa7d86c93b684493e78b207e7/68747470733a2f2f707575692e717069632e636e2f7675706c6f61642f302f32303139303631315f313536303234303338383132315f776f73777a7838763338732e706e672f30)

![](https://camo.githubusercontent.com/72fdb380082f4195329cbe9c5e29cc82782c7c7b/68747470733a2f2f707575692e717069632e636e2f7675706c6f61642f302f32303139303631315f313536303234303632333130395f326c78376f6578773535662e706e672f30)

![](https://camo.githubusercontent.com/b983f61837a8fdf3960207f555902bfbfb85748b/68747470733a2f2f707575692e717069632e636e2f7675706c6f61642f302f32303139303631315f313536303234303833313236365f66327267366f33396a36372e706e672f30)

![](https://camo.githubusercontent.com/d91c4d43685c19b4d3b63cb66c63e3d9ca5b67fb/68747470733a2f2f707575692e717069632e636e2f7675706c6f61642f302f32303139303631315f313536303234313035393436395f6e6579767532777935352e706e672f30)

### 课程初始源码
[https://github.com/TencentCloudBase/Cloudbase-Examples/tree/master/miniprogram/tcb-demo-hole/init](https://github.com/TencentCloudBase/Cloudbase-Examples/tree/master/miniprogram/tcb-demo-hole/init)

### 课程完整源码
[https://github.com/TencentCloudBase/Cloudbase-Examples/tree/master/miniprogram/tcb-demo-hole/intact](https://github.com/TencentCloudBase/Cloudbase-Examples/tree/master/miniprogram/tcb-demo-hole/intact)


树洞小程序

## 注意事项

* 教程在：[小程序·云开发系列教程](https://github.com/TencentCloudBase/mp-book)
* 打开的时候记得填写 `project.config.json` 中的 `appid` 字段，其它功能的试用，请参考教程里的[小程序中级场景及开发教学](https://github.com/TencentCloudBase/mp-book/blob/master/medium-tutorial/%E5%B0%8F%E7%A8%8B%E5%BA%8F%E4%B8%AD%E7%BA%A7%E5%9C%BA%E6%99%AF%E5%8F%8A%E5%BC%80%E5%8F%91%E6%95%99%E5%AD%A6.md) 进行配置试用。

### 教程教材 PDF 下载

访问 [https://github.com/TencentCloudBase/Cloudbase-Examples/releases/latest](https://github.com/TencentCloudBase/Cloudbase-Examples/releases/latest) 下载其中的 `tcb-demo-bbs.zip` 文件

![](https://camo.githubusercontent.com/4e6c405a92edc0ea503f6231b678b2ef9345c57c/68747470733a2f2f707575692e717069632e636e2f7675706c6f61642f302f32303139303631375f313536303733383632323830345f7a766937313661686576622e706e672f30)

![](https://camo.githubusercontent.com/3effe1e70bf4622a78af0acf8c759d93d17da9db/68747470733a2f2f707575692e717069632e636e2f7675706c6f61642f302f32303139303631375f313536303733383933363139345f6f6235336661346766372e706e672f30)

![](https://camo.githubusercontent.com/72a44ce7d764db9ab484541b2d54bce4c322b764/68747470733a2f2f707575692e717069632e636e2f7675706c6f61642f302f32303139303631375f313536303733393433373739355f61356536703276643575622e706e672f30)

![](https://camo.githubusercontent.com/c83ea22148a798852cc17fc2ddc961d342ff2846/68747470733a2f2f707575692e717069632e636e2f7675706c6f61642f302f32303139303631375f313536303733393634363832335f756c31336d76616a69742e706e672f30)

### 课程 part1 完整源码下载：

[https://github.com/TencentCloudBase/Cloudbase-Examples/tree/master/miniprogram/tcb-demo-bbs/part1-intact](https://github.com/TencentCloudBase/Cloudbase-Examples/tree/master/miniprogram/tcb-demo-bbs/part1-intact)

### 课程 part2 完整源码下载：

[https://github.com/TencentCloudBase/Cloudbase-Examples/tree/master/miniprogram/tcb-demo-bbs/part2-intact](https://github.com/TencentCloudBase/Cloudbase-Examples/tree/master/miniprogram/tcb-demo-bbs/part2-intact)

>课程 part2 比课程 part1 多了匿名发布功能

### 下载或 clone 代码包

* git clone [https://github.com/TencentCloudBase/Cloudbase-Examples.git](https://github.com/TencentCloudBase/Cloudbase-Examples.git)

## 体验

点击小程序开发 IDE 中的“预览”，用微信扫一扫即可体验.


论坛小程序

## 项目介绍

图片存储，是所有应用开发里最常见的场景之一。

本次本次「云开发」公开课，将通过实战“个人相册小程序”开发，教你如何借助小程 序·云开发能力，提升功能开发效率，提升数据隐私保护能力。

## 资料下载

### 课程教材 PDF 下载

[https://github.com/TencentCloudBase/Cloudbase-Examples/tree/master/miniprogram/tcb-demo-album](https://github.com/TencentCloudBase/Cloudbase-Examples/tree/master/miniprogram/tcb-demo-album)

![](https://camo.githubusercontent.com/a87f3ac85dd57c930f839a002b2dc3062f54b62f/68747470733a2f2f707575692e717069632e636e2f7675706c6f61642f302f32303139303631325f313536303330353738353530395f6e346a397a7169636b346e2e706e672f30)

![](https://camo.githubusercontent.com/38bd959fb611217bb311e001955320eea586ccfc/68747470733a2f2f707575692e717069632e636e2f7675706c6f61642f302f32303139303631325f313536303330363033363336325f787133723775617231682e706e672f30)

![](https://camo.githubusercontent.com/f4efc78610ac0e56bb9f45320ce82ef0c0a9e537/68747470733a2f2f707575692e717069632e636e2f7675706c6f61642f302f32303139303631325f313536303330363139343832325f65727662637268636b71392e706e672f30)

![](https://camo.githubusercontent.com/68ad2b691d4b001f404d26a08cdaefcc85e51bf4/68747470733a2f2f707575692e717069632e636e2f7675706c6f61642f302f32303139303631325f313536303330363333333235315f786b67646165366a3476612e706e672f30)

### 课程初始源码

[https://github.com/TencentCloudBase/Cloudbase-Examples/tree/master/miniprogram/tcb-demo-album/init](https://github.com/TencentCloudBase/Cloudbase-Examples/tree/master/miniprogram/tcb-demo-album/init)


相册小程序

## 项目介绍

还为收集到太多名片而无处存放感到苦恼？还在为互换名片时而找不到名片尴尬？ 我想基于人工智能的名片识别小程序能帮到你。

本次「云开发」公开课，将通过实战“名片小程序”开发， 教你如何借助小程序·云开发能力，提升功能开发效率，在商务礼仪中更能出色的展现自己。

## 资料下载
### 课程教材 PDF 下载

[https://github.com/TencentCloudBase/tcb-demo-namecard](https://github.com/TencentCloudBase/Cloudbase-Examples/blob/master/miniprogram/tcb-demo-namecard/AI智能名片识别小程序%20-%20教程.pdf)

![](https://camo.githubusercontent.com/16fa448c00140264f8d43ab868c23faaea679371/68747470733a2f2f707575692e717069632e636e2f7675706c6f61642f302f32303139303631325f313536303330373536323536375f71676f3875306878627a2e706e672f30)

![](https://camo.githubusercontent.com/a27dab437d65cc2be2e7693b8b1184773b297d4f/68747470733a2f2f707575692e717069632e636e2f7675706c6f61642f302f32303139303631325f313536303330373731393135385f7333757a6633726f3933632e706e672f30)

![](https://camo.githubusercontent.com/0507e7395d9751a98a44c603291eaa165b3df2af/68747470733a2f2f707575692e717069632e636e2f7675706c6f61642f302f32303139303631325f313536303330373839383930335f6571376e7472646832672e706e672f30)

![](https://camo.githubusercontent.com/97902d40428321d5bd536a48f6792e0f6427a2e3/68747470733a2f2f707575692e717069632e636e2f7675706c6f61642f302f32303139303631325f313536303330383033393838375f37757a6c796868626d35742e706e672f30)

### 课程初始源码

[https://github.com/TencentCloudBase/tcb-demo-namecard/tree/master/init](https://github.com/TencentCloudBase/Cloudbase-Examples/tree/master/miniprogram/tcb-demo-namecard/init)

### 课程完整源码

[https://github.com/TencentCloudBase/tcb-demo-namecard/tree/master/intact](https://github.com/TencentCloudBase/Cloudbase-Examples/tree/master/miniprogram/tcb-demo-namecard/intact)


AI名片小程序

## 项目介绍

在 AI 火热的今天，AI 会与小程序有怎样的碰撞？通过简单调用云开发 · AI人脸检测与分析的能力，美颜相册小程序会变得更加智能。

本次「云开发」公开课，将通过实战“智能美颜相册小程序”，教你借助小程序云开发以及人脸检测扩展能力，实现人脸检测、颜值分析、图片滤镜以及智能裁剪的功能，让小程序变得更酷。

## 资料下载

### 课程教材 PDF 下载

[https://github.com/TencentCloudBase/Cloudbase-Examples/tree/master/miniprogram/tcb-demo-AICamera](https://github.com/TencentCloudBase/Cloudbase-Examples/tree/master/miniprogram/tcb-demo-AICamera/init)

![](https://camo.githubusercontent.com/4036fa38fa20b362706d108f3a885f3dd96a38d6/68747470733a2f2f707575692e717069632e636e2f7675706c6f61642f302f32303139303830375f313536353134323634313038375f38796434653563387964642e706e672f30)

![](https://camo.githubusercontent.com/5c1c40d5ae7c71e30b2cf2feddc0c888c0af1682/68747470733a2f2f707575692e717069632e636e2f7675706c6f61642f302f32303139303830375f313536353134323839303633395f31657537343668303139712e706e672f30)

![](https://camo.githubusercontent.com/32ee6accfa090c45944749bfd1ac01f088fdcce6/68747470733a2f2f707575692e717069632e636e2f7675706c6f61642f302f32303139303830375f313536353134333036393038375f63676d38736536666e69712e706e672f30)

![](https://camo.githubusercontent.com/a3b3da0b91cea5df3bb809476a9d6666f3f3ce0f/68747470733a2f2f707575692e717069632e636e2f7675706c6f61642f302f32303139303830375f313536353134333236303930305f706f7767356a686d6861632e706e672f30)

![](https://camo.githubusercontent.com/3fc698c7e2c59580d8352c0a2af5518a6765fb7f/68747470733a2f2f707575692e717069632e636e2f7675706c6f61642f302f32303139303830375f313536353134333434353234315f757761316e6661317964612e706e672f30)

![](https://camo.githubusercontent.com/fdbb8d56f6dd43a778f48e72107fbf86ae1919e4/68747470733a2f2f707575692e717069632e636e2f7675706c6f61642f302f32303139303830375f313536353134333537303735315f357939646d676b6a6a6b382e706e672f30)

![](https://camo.githubusercontent.com/d9915216145b7355f263489e0e860f472c231e17/68747470733a2f2f707575692e717069632e636e2f7675706c6f61642f302f32303139303830375f313536353134333732393334385f6878756e68726b623137652e706e672f30)

![](https://camo.githubusercontent.com/56d73d7f9340157ba0e2526c71ca65c64f89aeb8/68747470733a2f2f707575692e717069632e636e2f7675706c6f61642f302f32303139303830375f313536353134343037303631385f377a71786d6c6a6d396d792e706e672f30)

![](https://camo.githubusercontent.com/037d164de8a4a451dfb4717d71ec2ce8559d77e4/68747470733a2f2f707575692e717069632e636e2f7675706c6f61642f302f32303139303830375f313536353134343232373731315f6c66673277366e366d78692e706e672f30)

![](https://camo.githubusercontent.com/292659c875a60e2a8196bf5ce8bdcf5b8fe066c0/68747470733a2f2f707575692e717069632e636e2f7675706c6f61642f302f32303139303830375f313536353134343337363035365f386164366976663078332e706e672f30)

![](https://camo.githubusercontent.com/adb58de13458fee20c9984e8e2cd5235d34e9447/68747470733a2f2f707575692e717069632e636e2f7675706c6f61642f302f32303139303830375f313536353134343438393434325f77666d756f7474736365732e706e672f30)

![](https://camo.githubusercontent.com/b9ed4bcebe39e92393d94378b39fe29ec2e78012/68747470733a2f2f707575692e717069632e636e2f7675706c6f61642f302f32303139303830375f313536353134343538363432395f6c316c6d3673756c6f716d2e706e672f30)

### 课程初始源码

[https://github.com/TencentCloudBase/Cloudbase-Examples/tree/master/miniprogram/tcb-demo-AICamera/init](https://github.com/TencentCloudBase/Cloudbase-Examples/tree/master/miniprogram/tcb-demo-AICamera/init)

### 课程完整源码

[https://github.com/TencentCloudBase/Cloudbase-Examples/tree/master/miniprogram/tcb-demo-AICamera/intact](https://github.com/TencentCloudBase/Cloudbase-Examples/tree/master/miniprogram/tcb-demo-AICamera/intact)


智能美颜相册小程序

## 1 项目概述

游戏开发，尤其是微信小游戏开发，是最近几年比较热门的话题。

本次「云开发」公开课，将通过实战「在线对战五子棋」，一步步带领大家，在不借助后端的情况下，利用「小程序g-emoji✖云开发」，独立完成一款微信小游戏的开发与上线。

## 2 任务目标

根据项目初始框架，阅读教程的同时，逐步完成棋盘绘制、音乐播放、玩家对战、输赢判定等功能，最终实现一个可以快乐玩耍的在线对战五子棋。

在这个过程中，会了解到Serverless的一些概念，并且实际应用它们，比如：**云数据库**、**云存储**、**云函数**、**增值能力**。除了这些基本功能，还准备了更多的硬核概念与落地实践，比如：**实时数据库**、**聚合搜索**、**权限控制**。

完成开发后，上传并且设置为体验版，欢迎邀请更多人来体验。

## 3 准备工作

从 [云开发案例合集](https://github.com/TencentCloudBase/Cloudbase-Examples/releases/latest) 中下载代码到本地：

找到其中的 `tcb-demo-gomoku.zip` 并下载。

## 4 游戏流程图

![](https://github.com/TencentCloudBase/Cloudbase-Examples/raw/master/minigame/tcb-demo-gomoku/static/%E6%9E%B6%E6%9E%84%E5%9B%BE.jpg)

## 5 实战任务

### 5.1 创建云开发与小游戏环境

1、打开微信IDE，点击左侧的小游戏，选择右侧的导入项目，导入之前下载的「在线对战五子棋」的目录，AppID修改为你已经注册好的小游戏AppID。

![](https://camo.githubusercontent.com/3659c1b58f8b1f1ce357ad0b41cbad660ccbd8be/68747470733a2f2f707575692e717069632e636e2f7675706c6f61642f302f32303139303831335f313536353638363433303434355f36376468676f34366473392e706e672f30)

2、进入后，点击上方的云开发按钮。如果之前没有开通过云开发，需要开通云开发，新开通的话需要等待10～20分钟。

![](https://camo.githubusercontent.com/c1ca64d93cdd7018b031f3d1fe59b945450c20a7/68747470733a2f2f707575692e717069632e636e2f7675706c6f61642f302f32303139303831335f313536353638363435313638375f70646c3874316f6e69722e706e672f30)

3、进入「云开发/数据库」，创建新的集合，新集合的名称是`rooms`。

![](https://camo.githubusercontent.com/d88a454730e6c700e4acd5da4028049934489df5/68747470733a2f2f707575692e717069632e636e2f7675706c6f61642f302f32303139303831335f313536353638363436353536335f7278357a6f3831356a6d6a2e706e672f30)

4、进入「云开发/存储」，点击“上传文件”。上传的内容是`/static/`下的`bgm.mp3` 和 `fall.mp3`。之后的代码中会通过云存储的接口，请求文件的临时url，这样做的目的是**减少用户首次进入游戏加载的静态资源**。

![](https://camo.githubusercontent.com/d07fa876bdc00222995e12c942885b7397b8cd2e/68747470733a2f2f707575692e717069632e636e2f7675706c6f61642f302f32303139303831335f313536353638363437363635305f3770747336626e3866722e706e672f30)

### 5.2 准备配置文件

创建配置文件：
![image.png](https://6f66-offcial-site-cms-15fc4b-1258016615.tcb.qcloud.la/tcb-cms/2020-08-03/f9be72a1-e88c-4385-838d-c856215ed081.png)

将关键字段的信息，换成自己账号的信息即可：
![](https://camo.githubusercontent.com/a13055788b1a7cde99bd3fdd70aca65b42e3c3c7/68747470733a2f2f707575692e717069632e636e2f7675706c6f61642f302f32303139303831335f313536353638363532343735315f70787865357961777a366d2e706e672f30)

### 5.3 创建云开发接口

打开 `miniprogram/shared/cloud.js`，在里面初始化云开发能力，并且对外暴露云数据库以及聚合搜索的API。
![](https://camo.githubusercontent.com/dec4d862a36bcab4dd8d7dc6f8a893f878db20a0/68747470733a2f2f707575692e717069632e636e2f7675706c6f61642f302f32303139303831335f313536353638363533363237345f7975736d357578637861622e706e672f30)

### 5.4 获取云存储资源的链接

为了减少用户首屏加载的静态资源，音乐资源并没有放在`miniprogram`目录下，而是放在了云存储中，通过调用云存储的api接口，来返回静态资源的临时链接。

在 `miniprogram/modules/music.js`中，会调用资源接口，获取资源链接：
![](https://camo.githubusercontent.com/a2819809b170a195f43cb48fdacd79a677ff060a/68747470733a2f2f707575692e717069632e636e2f7675706c6f61642f302f32303139303831335f313536353638363534373030365f65666e32726436627534662e706e672f30)

`getTempFileURL`函数属于云开发相关，因此放在了 `miniprogram/shared/cloud.js`中。这里只需要临时链接`tempFileURL`属性，其它返回值直接过滤调即可。

为了方便外面调用，promise内部不再用reject抛错。对于错误异常，返回空字符串。这样，加载失败的资源不会影响正常资源的加载和Promise.all中逻辑进行。
![](https://camo.githubusercontent.com/3bc95ef098501f8e26ce005c36aa965d166f6453/68747470733a2f2f707575692e717069632e636e2f7675706c6f61642f302f32303139303831335f313536353638363535363035385f323476327435746b7234632e706e672f30)

### 5.5 游戏进入与身份判断

根据前面的流程图我们可以看到，游戏玩家的身份是分为owner与player。它们的含义如下：

* owner：玩家进入游戏后，查找是否有空闲房间，如果不存在空闲房间，那么就会主动创建新的空闲房间。那么对于新创建的房间，玩家就是owner。
* player：玩家进入游戏后，查找是否有空闲房间，如果存在空闲房间，那么就加入空闲房间。那么对于空闲房间，玩家就是player。

判断的依据就是 `judgeIdentity` 方法中，读取云数据库集合中的rooms的记录。如果存在多个空闲房间，需要选取创建时间最近的一个房间。因此，这里需要用到「聚合搜索」的逻辑。

聚合搜索的条件，在这里有3个：

1. 标记人数的字段，是否为1
1. 创建时间倒叙排序
1. 只选择1个

![](https://camo.githubusercontent.com/d2cb43ec86a989679d01a9f4dd4a1f7052f387ff/68747470733a2f2f707575692e717069632e636e2f7675706c6f61642f302f32303139303831335f313536353638363536353834375f33797a65333136303932642e706e672f30)

### 5.6 创建新房间

在上述的身份判断函数逻辑中，如果聚合搜索查询的结果为空，说明没有空闲房间，玩家需要作为owner来创建新的房间，等待其它玩家加入。

创建房间的逻辑就是将约定好的字段，放进云数据库的记录中。这些字段有：

* roomid<`String`>: 6位房间号，**唯一**
* nextcolor<`"white" | "black"`>: 下一步是白棋/黑棋走
* chessmen<`String`>: 编码后的棋盘数据
* createTimestamp<`String`>: 记录创建时间戳，精确到ms
* people<`Number`>: 房间人数

是的，你可能注意到了，这里需要保证 roomid 是不重复的。因此本地生成的随机roomid，需要先调用云数据库的查询接口，检测是否存在。如果存在，那么递归调用，重新生成随机字符串。

![](https://camo.githubusercontent.com/d4e45b4b93ce1b07ddc73be77710e0823d55f41b/68747470733a2f2f707575692e717069632e636e2f7675706c6f61642f302f32303139303831335f313536353638363537363935335f746a723337726d763961652e706e672f30)

### 5.7 监听玩家进入

对于owner身份来说，除了要创建新房间，还需要在创建后监听player身份的玩家进入游戏。

对于player身份的玩家进入游戏后，会更新记录中的people字段（1 => 2）。这时候就需要利用「实时数据库」的功能，监听远程记录的people字段变化。

代码实现上，调用`watch`方法，并且传递`onChange`函数参数。一旦有任何风吹草动，都可以在`onChange`回调函数中获得。对于传递给回调函数的参数，有两个比较重要：

* docChanges<`Array`>: 数组中的每一项对应每条记录的变化类型，变化类型有init、update、delete等。
* docs<`Array`>: 数组中的每一项对应每条记录的当前数据。

![](https://camo.githubusercontent.com/a0555fd8f4148838613bcc2b5b6a2df4140924e0/68747470733a2f2f707575692e717069632e636e2f7675706c6f61642f302f32303139303831335f313536353638363539313330365f6f733538386e69336d382e706e672f30)

### 5.8 越权更新字段

对于player身份来说，进入房间后，既不需要「创建新房间」，也不需要「监听玩家进入」。但需要更新记录的people字段。由于记录是由owner身份的玩家创建的，而云数据库只有以下4种权限：

* 所有用户可读，仅创建者可读写
* 仅创建者可读写
* 所有用户可读
* 所有用户不可读写

以上4种权限，并没有「所有用户可读写」。因此，对于越权读写的情况，需要通过调用云函数来以“管理员”的权限实现。在 `cloudfunction` 中创建 `updateDoc` 云函数，接收前端传来的collection、docid、data字段。对于data字段来说，就是数据记录的最新更新数据。

![](https://camo.githubusercontent.com/7ebe1d83ba54629ccfffe1eda2d8ef10c71fa57a/68747470733a2f2f707575692e717069632e636e2f7675706c6f61642f302f32303139303831335f313536353638363630303439395f376a7732616e32663865722e706e672f30)

在小游戏中，通过`wx.cloud.callFunction`来调用云函数。传入的data字段指明被调用的云函数，传入的data字段可以在云函数的回调函数的event参数中访问到（如上图所示）。

![](https://camo.githubusercontent.com/5eb03bfac16ce855c713400a3af5122caad45e3e/68747470733a2f2f707575692e717069632e636e2f7675706c6f61642f302f32303139303831335f313536353638363630393439315f35317963653530623274662e706e672f30)

### 5.9 落子更新逻辑

不论对于player还是owner身份，都需要处理落子的逻辑。落子逻辑中，下面的两种情况是属于无效落子：

1. 点击位置已经有棋子
1. 对方还未落子，目前依然处于等待情况

对于以上两种情况，处理的逻辑分别是：

1. 棋盘状态保存在内部类中，调用落子的函数，会返回是否成功的字段标识
1. 只有监听到远程棋盘更新后，才会打开本地的锁，允许落子；落子后，会重新上锁

![](https://camo.githubusercontent.com/88188027c6ab41b56222f32bf6a10ce78b22f1c6/68747470733a2f2f707575692e717069632e636e2f7675706c6f61642f302f32303139303831335f313536353638363632303430315f67667a69716f763030676d2e706e672f30)

落子成功后，要在本地判断是否胜利。如果胜利，需要调用退出的逻辑。但无论是否胜利，都要将本地的最新状态更新到云端。

![](https://camo.githubusercontent.com/2536c64c4658bcfdd0ef845005b237db40ece128/68747470733a2f2f707575692e717069632e636e2f7675706c6f61642f302f32303139303831335f313536353638363632383931315f7a76353136307a777268622e706e672f30)

### 5.10 监听远程棋盘更新

不论对于player还是owner身份的玩家，都需要监听远程棋盘的更新逻辑。当远程棋盘字段更新时，本地根据最新的棋盘状态，重绘整个棋盘。并且进行输赢判定，如果可以判定输赢，则退出游戏；否则，打开本地的锁，玩家可以落子。

**因为不同身份均需要监听，因此这一块的监听逻辑可以复用**。**不同的是，两种身份的监听启动时间不一样**。owner身份需要等待player身份玩家进入游戏后才开启棋盘监听；player身份是更新了people字段后，开启棋盘监听。

在监听逻辑中，需要判断远程更新的字段是否是 chessmen，这是通过前面提及的 dataType 来实现的。还徐哟啊判断记录中的nextcolor字段是否和本地的color一样，来决定是否打开本地的锁。

![](https://camo.githubusercontent.com/5b35f13f5ccf4eb7cbc5224e464e79b9ecff5ee4/68747470733a2f2f707575692e717069632e636e2f7675706c6f61642f302f32303139303831335f313536353638363837383931385f30667672626d63773778772e706e672f30)

如果上述的两个条件均满足，则执行更新本地棋盘、判定输赢、打开本地锁的逻辑。

![](https://camo.githubusercontent.com/2c98e3b6103acf94a41c2238ebd655d4fa17314e/68747470733a2f2f707575692e717069632e636e2f7675706c6f61642f302f32303139303831335f313536353638363936383235365f7539776673623974636a6a2e706e672f30)

### 5.11 游戏结束与退出

每次需要判定输赢的地方，如果可以判定输赢，那么都会走到游戏退出逻辑。退出的逻辑分为2个部分，第1个是给用户提示，第2个是调用云函数清空记录。

第1个逻辑中用户提示，需要判定用户胜负状态：

![](https://camo.githubusercontent.com/c3872481c024369045dc976379fc589da1a07c62/68747470733a2f2f707575692e717069632e636e2f7675706c6f61642f302f32303139303831335f313536353638363938323439365f3877376738746e376f77702e706e672f30)

第2个逻辑中清除记录的原因是为了方便调试，对于真正的业务场景，一般不会删除历史数据，方便问题定位。同时，这也是一个越权操作，需要调用云函数来实现。

![](https://camo.githubusercontent.com/a9dd0c87a1f310682b4c044718fe1ff42a57b41d/68747470733a2f2f707575692e717069632e636e2f7675706c6f61642f302f32303139303831335f313536353638363939333039355f3767316c7376767964736e2e706e672f30)

## 课程完整源码

课程源码可以在 [https://github.com/TencentCloudBase/Cloudbase-Examples/releases/latest](https://github.com/TencentCloudBase/Cloudbase-Examples/releases/latest) 找到 tcb-demo-gomoku 下载


在线对战五子棋小游戏

## 项目介绍

地图相关的应用，是小程序结合线下场景中非常重要的一个工具，有了地图，小程序便完成了 Online to Offline 的转变，从一个纯线上的应用，变成了一个 O2O 应用。

本次「云开发」公开课，将通过实战“美食地图小程序”开发，教你如何截图小程序·云开发的能力，提升功能开发的效率。

## 资料下载

### 课程教材 PDF 下载

[https://github.com/TencentCloudBase/Cloudbase-Examples/tree/master/miniprogram/tcb-demo-foodmap](https://github.com/TencentCloudBase/Cloudbase-Examples/tree/master/miniprogram/tcb-demo-foodmap)

![](https://camo.githubusercontent.com/f02dddea2103c6eb6c7305d026b7bc7c06b93429/68747470733a2f2f707575692e717069632e636e2f7675706c6f61642f302f313536363839383335323336305f6d6376633531337673612e706e672f30)

![](https://camo.githubusercontent.com/620b68eeba4f8e3e5169b47c06fa4c73edfd0824/68747470733a2f2f707575692e717069632e636e2f7675706c6f61642f302f313536363839383439363131365f746c6370746a65643962672e706e672f30)

![](https://camo.githubusercontent.com/20329dc184d24ff086f32c57f7809031102d162d/68747470733a2f2f707575692e717069632e636e2f7675706c6f61642f302f313536363839383630323530365f7a79726a7779383332632e706e672f30)

![](https://camo.githubusercontent.com/95745f3dd44078af6670fb92762dd01e9628b711/68747470733a2f2f707575692e717069632e636e2f7675706c6f61642f302f313536363839383734343431305f726b6168686968676b792e706e672f30)

![](https://camo.githubusercontent.com/b4286020da1e530dc66f642f99e580054aaaa9c5/68747470733a2f2f707575692e717069632e636e2f7675706c6f61642f302f313536363839383833303738315f6d6b32376c736639336b2e706e672f30)

![](https://camo.githubusercontent.com/859bf73ba9adcdd97c111c50362a3171e22719ef/68747470733a2f2f707575692e717069632e636e2f7675706c6f61642f302f313536363839383937353437335f6d35366b71366d3568362e706e672f30)

![](https://camo.githubusercontent.com/56a53d086e62fb0d3c53ebf33fca5baf3a70e3ef/68747470733a2f2f707575692e717069632e636e2f7675706c6f61642f302f313536363839393038303035395f6c6233706a613579676f6f2e706e672f30)

![](https://camo.githubusercontent.com/ee19fa97228b083328c42f13059350be999a3ec1/68747470733a2f2f707575692e717069632e636e2f7675706c6f61642f302f313536363839393232303737335f7973646d686e77616178632e706e672f30)

### 课程初始源码

[https://github.com/TencentCloudBase/Cloudbase-Examples/tree/master/miniprogram/tcb-demo-foodmap/class](https://github.com/TencentCloudBase/Cloudbase-Examples/tree/master/miniprogram/tcb-demo-foodmap/class)

### 课程完整源码

[https://github.com/TencentCloudBase/Cloudbase-Examples/tree/master/miniprogram/tcb-demo-foodmap/master](https://github.com/TencentCloudBase/Cloudbase-Examples/tree/master/miniprogram/tcb-demo-foodmap/master)


美食地图小程序

# 项目介绍

随着微信小程序不断发展壮大，传统的 CRM 厂商也在不断向微信上迁移，毕竟微信的背后是巨大的用户和流量，还有极其方便的移动支付渠道。用微信小程序来做CRM，和以前的做法存在一些比较明显的差异，主要包括这几个方面：

* 用户的使用习惯不同
* 技术上的实现方式不同
* 运营方面的做法不同

所以，业内给这一类的 CRM 应用起了个新名字，叫做 Social CRM，简称 SCRM。

# 资料下载

### 课程教材PDF下载

[https://github.com/TencentCloudBase/Good-practice-tutorial-recommended/tree/master/社会化客户关系管理（SCRM）](https://github.com/TencentCloudBase/Good-practice-tutorial-recommended/blob/master/SCRM%EF%BC%88%E7%A4%BE%E4%BC%9A%E5%8C%96%E5%AE%A2%E6%88%B7%E5%85%B3%E7%B3%BB%E7%AE%A1%E7%90%86%EF%BC%89/SCRM-%E6%95%99%E6%9D%90.pdf)

![](https://camo.githubusercontent.com/183aca3a1aef077ce7164b537848f7197b311d93/68747470733a2f2f707575692e717069632e636e2f7675706c6f61642f302f313536383739313539353135335f627530676d67733369366a2e706e672f30)

![](https://camo.githubusercontent.com/33a5d3617b34c1c7f08022fe76073d78c818a158/68747470733a2f2f707575692e717069632e636e2f7675706c6f61642f302f313536383739313731333937385f776864726f736e70336b2e706e672f30)

![](https://camo.githubusercontent.com/dd959eb670171c5e7ce85e0f4d84d7a6fac38c4b/68747470733a2f2f707575692e717069632e636e2f7675706c6f61642f302f313536383739313739323833315f6b6a723068776330716d2e706e672f30)

![](https://camo.githubusercontent.com/06c555c545913c37ef9036ac68013f7fa1713e44/68747470733a2f2f707575692e717069632e636e2f7675706c6f61642f302f313536383739313931313633325f77326a376165787861772e706e672f30)

![](https://camo.githubusercontent.com/1564db8f66487766527b830ccc2498245ecc4676/68747470733a2f2f707575692e717069632e636e2f7675706c6f61642f302f313536383739313938393035375f616b3236336e34363932612e706e672f30)

![](https://camo.githubusercontent.com/1564db8f66487766527b830ccc2498245ecc4676/68747470733a2f2f707575692e717069632e636e2f7675706c6f61642f302f313536383739313938393035375f616b3236336e34363932612e706e672f30)

![](https://camo.githubusercontent.com/01010e9af9e633985c91dae4891bb5df9b0ac686/68747470733a2f2f707575692e717069632e636e2f7675706c6f61642f302f313536383739323035353838345f67696174736d796e3969642e706e672f30)

![](https://camo.githubusercontent.com/7e4c989a7575be0588001a0c44f2db4146d9e582/68747470733a2f2f707575692e717069632e636e2f7675706c6f61642f302f313536383739323235313331335f656d6a627877696b6676672e706e672f30)

![](https://camo.githubusercontent.com/e595794ac60dfeb7ad1e251a30d2e11ebc200ced/68747470733a2f2f707575692e717069632e636e2f7675706c6f61642f302f313536383739323331383031335f32703678656f75613337692e706e672f30)

![](https://camo.githubusercontent.com/d7ce8ddef5bc0d5d82f681d2f66117d993f3f1f1/68747470733a2f2f707575692e717069632e636e2f7675706c6f61642f302f313536383739323338303134325f796d73306a3839326471632e706e672f30)

### 课程初始源码

[https://gitee.com/mumu-osc/scrm/tree/for-921-workshop](https://gitee.com/mumu-osc/scrm/tree/for-921-workshop)

### 课程完整源码

[https://gitee.com/mumu-osc/scrm/tree/master](https://gitee.com/mumu-osc/scrm/tree/master)


SCRM小程序

## 简介

本项目为云开发·头像合成小程序，可以用于在小程序端生成包含不同边框的头像。

## 需求

1. 开通了小程序云开发的小程序。
1. 腾讯云账号

## 具体使用说明

### 1. Clone 本项目到本地并导入

将本项目 clone 到本地，并使用你自己的小程序账号导入项目。

### 2. 创建数据万象 Bucket

访问 [腾讯云数据万象控制台](https://console.cloud.tencent.com/ci/bucket),创建一个 Bucket

![](https://camo.githubusercontent.com/e673f856287671dcf51ccfe20f1a0038aea1cf01/68747470733a2f2f706f7374696d672e616c696176762e636f6d2f6d62702f64313579612e706e67)

![](https://camo.githubusercontent.com/3e6e80493089465021e54a75fe649475843e889f/68747470733a2f2f706f7374696d672e616c696176762e636f6d2f6d62702f68713568302e706e67)

创建时，选择「**新建**」，并填写名称、所属地区等信息，具体配置如下。

![](https://camo.githubusercontent.com/6f89aaf329f002dd76009c256ab19ab13ab6897d/68747470733a2f2f706f7374696d672e616c696176762e636f6d2f6d62702f666e3374622e706e67)

创建完成后，点击你刚刚创建的 Bucket，将项目根目录中 `avatar-outer` 目录的文件上传到 Bucket 。具体效果如图。

![](https://camo.githubusercontent.com/4be49a7a1eb1aeff72ada7ddb0024b2fbef311b3/68747470733a2f2f706f7374696d672e616c696176762e636f6d2f6d62702f35666532302e706e67)

### 3. 配置云函数

接下来，我们来配置云函数。在项目根目录中的`cloudfunctions/image`目录下的 `config.js` 中存放着需要配置的几个项目，具体如下

![image.png](https://6f66-offcial-site-cms-15fc4b-1258016615.tcb.qcloud.la/tcb-cms/2020-08-03/0e8c8938-130e-4043-a105-3d800592c642.png)

获取方式如下：

* **COS_SECRETID** 与 **COS_SECRETKEY** 可以在 [腾讯云访问密钥](https://console.cloud.tencent.com/cam/capi) 中获取。
* **REGION** 和 **BUCKET** 可以从你所创建的 Bucket 详情页获取。如果你所属地区是上海，则此项目填写 `ap-shanghai`

![](https://camo.githubusercontent.com/6c14192c0c4a1bbab64f225e243e17d373e4a798/68747470733a2f2f706f7374696d672e616c696176762e636f6d2f6d62702f3069766c682e706e67)

* **DOMAIN** 则可以从域名管理处获取。

![](https://camo.githubusercontent.com/9713c47b2a123651e1694249b453aa322aa2b3c8/68747470733a2f2f706f7374696d672e616c696176762e636f6d2f6d62702f6c716e73652e706e67)

### 4. 部署云函数

配置完成后， 你需要上传，并部署云函数（选择云端安装依赖）。

![](https://camo.githubusercontent.com/03308994ed9c734f5acb045c43e66ec2dfd3c161/68747470733a2f2f706f7374696d672e616c696176762e636f6d2f6d62702f74793768702e706e67)

### 5. 效果

![](https://camo.githubusercontent.com/d3f9e86a6187858bb2cd6d5b9df7041592797427/68747470733a2f2f706f7374696d672e616c696176762e636f6d2f6d62702f67743675782e676966)

### 6. FAQ

#### 6.1 如何替换风格或新增风格

做好相应的边框，上传到数据万象的根目录，以`headX.png`来命名，其中 X 为 1，2，3，4等数字。

### 课程完整源码

[https://github.com/TencentCloudBase/Cloudbase-Examples/tree/master/miniprogram/tcb-demo-avatar](https://github.com/TencentCloudBase/Cloudbase-Examples/tree/master/miniprogram/tcb-demo-avatar)


头像小程序

**该目录存放了优秀实践教程推荐，可自行下载查阅也可进入到以下链接获取更多优秀实践教程：**

https://github.com/TencentCloudBase/Good-practice-tutorial-recommended

* 甜甜圈论坛 - [doughnut](https://github.com/TencentCloudBase/Good-practice-tutorial-recommended/blob/master/doughnut%EF%BC%88%E7%94%9C%E7%94%9C%E5%9C%88%E8%AE%BA%E5%9D%9B%EF%BC%89)
  链接：[https://github.com/dongxi346/doughnut](https://github.com/dongxi346/doughnut)
* Taro·小程序云开发电商 - [eshop](https://github.com/TencentCloudBase/Good-practice-tutorial-recommended/tree/master/eshop%EF%BC%88Taro%C2%B7%E5%B0%8F%E7%A8%8B%E5%BA%8F%E4%BA%91%E5%BC%80%E5%8F%91%E7%94%B5%E5%95%86%EF%BC%89)
  链接：[https://github.com/honlyHuang/eshop](https://github.com/honlyHuang/eshop)
* 美食地图 - [foodmap](https://github.com/TencentCloudBase/Good-practice-tutorial-recommended/tree/master/foodmap%EF%BC%88%E7%BE%8E%E9%A3%9F%E5%9C%B0%E5%9B%BE%EF%BC%89)
  链接：[https://github.com/CloudKits/miniprogram-foodmap](https://github.com/CloudKits/miniprogram-foodmap)
* 旅行小账本 - [travelbook](https://github.com/TencentCloudBase/Good-practice-tutorial-recommended/tree/master/travelbook%EF%BC%88%E6%97%85%E8%A1%8C%E5%B0%8F%E8%B4%A6%E6%9C%AC%EF%BC%89)
  链接：[https://github.com/FightingHao/travelbook](https://github.com/FightingHao/travelbook)
* 婚礼请柬 - [wedding](https://github.com/TencentCloudBase/Good-practice-tutorial-recommended/tree/master/wedding%EF%BC%88%E5%A9%9A%E7%A4%BC%E8%AF%B7%E6%9F%AC%EF%BC%89)
  链接：[https://gitee.com/roberthuang123/wedding](https://gitee.com/roberthuang123/wedding)
* 日语用例助手 - [yourei-jp](https://github.com/TencentCloudBase/Good-practice-tutorial-recommended/tree/master/yourei-jp%EF%BC%88%E6%97%A5%E8%AF%AD%E7%94%A8%E4%BE%8B%E5%8A%A9%E6%89%8B%EF%BC%89)
  链接：[https://github.com/evont/yourei-jp](https://github.com/evont/yourei-jp)
* 内容发布系统 - [Omi Cloud](https://github.com/TencentCloudBase/Good-practice-tutorial-recommended/tree/master/Omi%20Cloud%EF%BC%88%E5%86%85%E5%AE%B9%E5%8F%91%E5%B8%83%E7%B3%BB%E7%BB%9F%EF%BC%89)
  链接：[https://github.com/Tencent/omi](https://github.com/Tencent/omi)
* 多媒体小程序 - [multimedia](https://github.com/TencentCloudBase/Good-practice-tutorial-recommended/tree/master/multimedia%EF%BC%88%E5%A4%9A%E5%AA%92%E4%BD%93%E5%B0%8F%E7%A8%8B%E5%BA%8F%EF%BC%89)
  链接：[https://github.com/wch853/lovc](https://github.com/wch853/lovc)
* 电商小程序开发（初级）- [e-business](https://github.com/TencentCloudBase/Good-practice-tutorial-recommended/tree/master/%E7%94%B5%E5%95%86%E5%B0%8F%E7%A8%8B%E5%BA%8F%E5%BC%80%E5%8F%91%EF%BC%88%E5%88%9D%E7%BA%A7%EF%BC%89)
  链接：[https://github.com/jinjinjin0731/eshop](https://github.com/jinjinjin0731/eshop)
* 共享名片 - [Shared business card](https://github.com/TencentCloudBase/Good-practice-tutorial-recommended/tree/master/Shared%20business%20card%EF%BC%88%E5%85%B1%E4%BA%AB%E5%90%8D%E7%89%87%EF%BC%89)
  链接：
* BBC新闻摘要 - [BBC News Summary](https://github.com/TencentCloudBase/Good-practice-tutorial-recommended/tree/master/BBC%20News%20Summary%EF%BC%88BBC%E6%96%B0%E9%97%BB%E6%91%98%E8%A6%81%EF%BC%89)
  链接：[https://mp.weixin.qq.com/s/H8pMH0X5_cnd5BJcZ3qr6w](https://mp.weixin.qq.com/s/H8pMH0X5_cnd5BJcZ3qr6w)
* 随手记Lite小程序 - [Keep in mind Lite](https://github.com/TencentCloudBase/Good-practice-tutorial-recommended/tree/master/Keep%20in%20mind%20Lite%EF%BC%88%E9%9A%8F%E6%89%8B%E8%AE%B0Lite%E5%B0%8F%E7%A8%8B%E5%BA%8F%EF%BC%89)
  链接：
* 历史上的今天 - [Today](https://github.com/TencentCloudBase/Good-practice-tutorial-recommended/tree/master/Today%EF%BC%88%E5%8E%86%E5%8F%B2%E4%B8%8A%E7%9A%84%E4%BB%8A%E5%A4%A9%EF%BC%89)
  链接：[https://github.com/GoKu-gaga/today](https://github.com/GoKu-gaga/today)
* 体重记录 - [Weight record](https://github.com/TencentCloudBase/Good-practice-tutorial-recommended/tree/master/Weight%20record%EF%BC%88%E4%BD%93%E9%87%8D%E8%AE%B0%E5%BD%95%EF%BC%89)
  链接：[https://juejin.im/post/5d359484f265da1bb5653716](https://juejin.im/post/5d359484f265da1bb5653716)
* 悦拍屋小程序 - [YPW](https://github.com/TencentCloudBase/Good-practice-tutorial-recommended/tree/master/YPW%EF%BC%88%E6%82%A6%E6%8B%8D%E5%B1%8B%E5%B0%8F%E7%A8%8B%E5%BA%8F%EF%BC%89)
  链接：[https://github.com/xmc1214/YPW](https://github.com/xmc1214/YPW)
* 诗词古语 - [Ancient poetry](https://github.com/TencentCloudBase/Good-practice-tutorial-recommended/tree/master/Ancient%20poetry%EF%BC%88%E8%AF%97%E8%AF%8D%E5%8F%A4%E8%AF%AD%EF%BC%89)
  链接：[https://github.com/caochangkui/miniprogram-project](https://github.com/caochangkui/miniprogram-project)
* 记录心情小程序 - [Diary](https://github.com/TencentCloudBase/Good-practice-tutorial-recommended/tree/master/Diary%EF%BC%88%E8%AE%B0%E5%BD%95%E5%BF%83%E6%83%85%E5%B0%8F%E7%A8%8B%E5%BA%8F%EF%BC%89)
  链接：[https://gitee.com/roberthuang123/diary](https://gitee.com/roberthuang123/diary)
* 支付功能 - [Pay](https://github.com/TencentCloudBase/Good-practice-tutorial-recommended/tree/master/Pay%EF%BC%88%E6%94%AF%E4%BB%98%E5%8A%9F%E8%83%BD%EF%BC%89)
  链接：[https://github.com/qiushi123/cloud-pay](https://github.com/qiushi123/cloud-pay)
* 发送邮件 - [send email](https://github.com/TencentCloudBase/Good-practice-tutorial-recommended/tree/master/send%20email%EF%BC%88%E5%8F%91%E9%80%81%E9%82%AE%E4%BB%B6%EF%BC%89)
  链接：[https://github.com/qiushi123/cloud-email](https://github.com/qiushi123/cloud-email)
* Mini微博 - [Mini microblog](https://github.com/TencentCloudBase/Good-practice-tutorial-recommended/tree/master/Mini%20microblog%EF%BC%88%E8%BF%B7%E4%BD%A0%E5%BE%AE%E5%8D%9A%EF%BC%89)
  链接：[https://github.com/KuthorX/KuthorX-Helper](https://github.com/KuthorX/KuthorX-Helper)
* Mini论坛 - [Mini forum](https://github.com/TencentCloudBase/Good-practice-tutorial-recommended/tree/master/Mini%20forum%EF%BC%88Mini%E8%AE%BA%E5%9D%9B%EF%BC%89)
  链接：[https://github.com/vimerzhao/RssHub](https://github.com/vimerzhao/RssHub)
* Mini博客 - [Mini Blog](https://github.com/TencentCloudBase/Good-practice-tutorial-recommended/tree/master/Mini%20Blog%EF%BC%88Mini%E5%8D%9A%E5%AE%A2%EF%BC%89)
  链接：[https://github.com/CavinCao/mini-blog](https://github.com/CavinCao/mini-blog)
* 运动圈 - [Motion circle](https://github.com/TencentCloudBase/Good-practice-tutorial-recommended/tree/master/Motion%20circle%EF%BC%88%E8%BF%90%E5%8A%A8%E5%9C%88%EF%BC%89)
  链接：[https://github.com/colddayer/TTcircle](https://github.com/colddayer/TTcircle)
* 高考查分 - [Check points](https://github.com/TencentCloudBase/Good-practice-tutorial-recommended/tree/master/Check%20points%EF%BC%88%E9%AB%98%E8%80%83%E6%9F%A5%E5%88%86%EF%BC%89)
  链接：[https://github.com/inspurer/GaokaoScroeQuery](https://github.com/inspurer/GaokaoScroeQuery)
* Excel数据保存 - [Excel data](https://github.com/TencentCloudBase/Good-practice-tutorial-recommended/tree/master/Excel%20data%EF%BC%88Excel%E6%95%B0%E6%8D%AE%E4%BF%9D%E5%AD%98%EF%BC%89)
  链接：
* 社会化客户关系管理 - [SCRM](https://github.com/TencentCloudBase/Good-practice-tutorial-recommended/tree/master/SCRM%EF%BC%88%E7%A4%BE%E4%BC%9A%E5%8C%96%E5%AE%A2%E6%88%B7%E5%85%B3%E7%B3%BB%E7%AE%A1%E7%90%86%EF%BC%89)
  链接：[https://gitee.com/mumu-osc/scrm](https://gitee.com/mumu-osc/scrm)
* Http API调用 - [Http API Transfer](https://github.com/TencentCloudBase/Good-practice-tutorial-recommended/tree/master/Http%20API%20Transfer%EF%BC%88Http%20API%E8%B0%83%E7%94%A8%EF%BC%89)
  链接：[https://gitee.com/jioawoxiaoqi/vitaeServer/blob/master/routes/base.js](https://gitee.com/jioawoxiaoqi/vitaeServer/blob/master/routes/base.js)
* 二手书商城 - [secondhand book mall](https://github.com/TencentCloudBase/Good-practice-tutorial-recommended/tree/master/secondhand%20book%20mall%EF%BC%88%E4%BA%8C%E6%89%8B%E4%B9%A6%E5%95%86%E5%9F%8E%EF%BC%89)
  链接：[https://github.com/xuhuai66/used-book-pro](https://github.com/xuhuai66/used-book-pro)
* 南苑导览 - [Nanyuan Guide](https://github.com/TencentCloudBase/Good-practice-tutorial-recommended/tree/master/Nanyuan%20Guide%EF%BC%88%E5%8D%97%E8%8B%91%E5%AF%BC%E8%A7%88%EF%BC%89)
  链接：[https://github.com/Observer-L/NFU-Guide-Map](https://github.com/Observer-L/NFU-Guide-Map)
* 最美恋爱 - [Best love](https://github.com/TencentCloudBase/Good-practice-tutorial-recommended/tree/master/Best%20love%EF%BC%88%E6%9C%80%E7%BE%8E%E6%81%8B%E7%88%B1%EF%BC%89)
  链接：[https://github.com/uloveits/loveing](https://github.com/uloveits/loveing)
* 互动打卡 - [Interactive punch card](https://github.com/TencentCloudBase/Good-practice-tutorial-recommended/tree/master/Interactive%20punch%20card%EF%BC%88%E4%BA%92%E5%8A%A8%E6%89%93%E5%8D%A1%EF%BC%89)
  链接：[https://github.com/ixzk/WeDaily-Weapp](https://github.com/ixzk/WeDaily-Weapp)
* 朋友圈 - [Circle of friends](https://github.com/TencentCloudBase/Good-practice-tutorial-recommended/tree/master/Circle%20of%20friends%EF%BC%88%E6%9C%8B%E5%8F%8B%E5%9C%88%EF%BC%89)
  链接：[https://github.com/qiushi123/timeline](https://github.com/qiushi123/timeline)
* 客户需求收集 - [Customer demand collection](https://github.com/TencentCloudBase/Good-practice-tutorial-recommended/tree/master/Customer%20demand%20collection%EF%BC%88%E5%AE%A2%E6%88%B7%E9%9C%80%E6%B1%82%E6%94%B6%E9%9B%86%EF%BC%89)
  链接：[https://github.com/fengwolf3/GroupData](https://github.com/fengwolf3/GroupData)

> 该目录不定期更新


热门搜索

SCRM小程序

项目介绍

资料下载

课程教材 PDF 下载

课程初始源码

课程完整源码