项目介绍地图相关的应用，是小程序结合线下场景中非常重要的一个工具，有了地图，小程序便完成了 Online to Offline 的转变，从一个纯线上的应用，变成了一个 O2O 应用。本次「云开发」公开课，将通过实战“美食地图小程序”开发，教你如何截图小程序·云开发的能力，提升功能开发的效率。资料下载.....

## 项目介绍

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

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

## 资料下载
[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)

> 该目录不定期更新


热门搜索

美食地图小程序

项目介绍

资料下载

课程教材 PDF 下载

课程初始源码

课程完整源码