小程序·云开发实战：定制化客服小程序

点击观看大咖分享

随着微信小程序不断发展壮大，商家把自有业务拓展到小程序以开拓更多商机。依托微信背后庞大的用户和流量，在大大提升了自有业务的同时，也带来了更多的客服工作。如果微信自有的客服助手不能满足多样化的客服工作，就需要定制适应自己的客服小程序，帮助客服人员更好的服务顾客。

本期腾讯云大学大咖分享邀请匠人春老师，将会演示如何使用小程序云开发定制化客服小程序，带你上手写一个客服小程序，完整覆盖小程序+云开发的完整流程。

本次分享内容：

1、基础知识讲解 2、客服小程序功能解析 3、实战步骤

1. 基础知识讲解

1.1 小程序云开发是什么

小程序云开发集成小程序控制台的一站式后端云服务，包括云函数、云存储、云数据库、云调用等，开发模式是全栈开发，具有免运维、简单易用、与web管理平台无缝对接的特点。

1.2 小程序云开发能力简介

• 云函数，无需自建数据库，在云端运行的代码，微信私有协议天然鉴权，可以快速完成用户信息系统和对话逻辑。
• 云数据库，无需自建数据库，一个即可在小程序前端操作，也能在云函数中读写的JSON数据库，更重要的是不再需要维护自己的WebSocket通信来监听用户最新消息。
• 云存储，无需自建存储和CDN，在小程序前端直接上传/下载聊天文件，在云开发控制台可视化管理，也可通过HTTP api搭建管理系统。
• 云调用，原生微信服务集成，基于云函数免鉴权使用小程序开放接口的能力，包括服务端调用、获取开放数据等能力。
• HTTP API，通过HTTP，实现小程序外访问开发资源，使用HTTP API开发者可在已有服务器上访问云资源，实现与云开发的互通。

1.3 如何使用云开发

首先在开发工具中新建项目时选择后端服务为小程序云开发，即可快速生成云开发的项目模板，在界面的左上角点击云开发按钮，就可直接调转到环境创建的界面，添加环境名称，等待部署完成后就可以在开发工具中调用云开发。

1.4 小程序云开发模式

小程序云开发的无服务开发模式，助力快速上线小程序。对比传统开发和云开发模式，传统开发模式下需要考虑弹性伸缩、异地容灾、网络防护等，还需完成自己的业务逻辑，而在云开发模式下，这些需要考虑的东西通通由腾讯云基础服务处理了，开发者只需要考虑自己的业务逻辑，大大降低了工作量。

以小程序文件上传功能为样例，具体对比云开发和传统开发，在传统开发模式中需要在小程序端使用选择图片API和上传文件API，在后端需要搭建框架、路由和上传到腾讯云对象存储的逻辑，在运维上还需考虑性能和安全方面的问题，需要前端、后台和运维进行配合，在该功能上总耗时至少1142分钟。在云开发模式下，只需要在小程序端使用图片API结合云开发封装的wx.cloud.uploadFile的API，指定存储路径以及文件路径即可完成图片上传的，整个过程耗时只需4分钟，并且只需要前端即可完成。

数据库变化实时更新功能，在传统开发模式中，在小程序端需要使用数据推送、websocket和数据接收，在后端上需要用户鉴权、数据接受、websocket和数据推送，在运维上还需考虑性能和安全方面的问题。传统开发模式下，需要前端、后端和运维岗位进行配合，在该功能上总耗时至少1024分钟。在云开发模式中，使用云函数实现插入数据到运输局库中，仅需要在小程序端调用API，回调处理，最后通过循环显示消息，即可完成添加，整个过程只需3分钟，也只需要一名前端即可完成该功能点。

插入数据到数据库功能，在传统开发模式中，需要在小程序端使用wx.request API，后端也要搭建框架、路由，实现插入数据到腾讯云MongoDB实例的逻辑，在运维上还需考虑性能和安全方面的问题。传统开发模式下，需要前端、后端和运维岗位进行配合，在该功能上总耗时至少1021分钟。在云开发模式中，使用云函数实现插入数据到运输局库中，仅需要在小程序端使用wx.cloud.Functon API去调用云函数，将需要添加的数据传递给云函数，即可完成添加，整个过程只需3分钟，也只需要一名前端即可完成该功能点。

小程序云开发开放对话平台（智能客服机器人）具有以下优势：

• 算法优势，平台对话系统由微信智言提供技术支持，应用业内最领先的语义理解模型，对话体验更自然、智能。
• 数据内容丰富，依托微信支付客服、腾讯云小微等众多海量优质对话资源，内部集成音乐、闲聊、百科等八大预置技能。
• 技术生态完善，从微信公众号客服、微信小程序、到智能音箱、车载生活、微信相框组成网状语义生态系统。
• 接入方案成熟，简单易用的公众号扫码绑定和开放接口申请，1分钟完成服务AI能力升级。

2. 客服小程序功能解析

• 允许用户发送图片/音频/文字或视频
• 允许管理员后台添加客服人员
• 允许客服人员查看消息列表
• 如果用户不在线（不在会话页面），推送模板消息给用户。
• 添加快捷回复

3. 实战步骤

实战步骤

任务一：开启小程序云开发模板

任务二：实现会话‘界面搭建（开源项目）

任务三：聊天消息准确发送、接收

任务四：实时接收对方的最新消息

任务五：简单后台管理搭建

客服小程序用到的数据库，云开发称之为集合，

Admin，存放管理员OPENID。

Formid，存放模板消息formid。

Msg，存放消息数据。

Reply，存放快捷回复

UserState，存放用户在线状态

Color-ui: https://github.com/weilanwl/ColorUI

问卷

为了给广大开发者提供最实用、最热门前沿、最干货的视频教程，请让我们听到你的需要，感谢您的时间！点击填写 问卷

关注“腾讯云大学”公众号，回复【加群】进入交流群

腾讯云大学是腾讯云旗下面向云生态用户的一站式学习成长平台。腾讯云大学大咖分享邀请行业技术大咖，为你提供免费、专业、行业最新技术动态分享。