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

1
课程源码
1
课程PPT
  • 1
    关注“腾讯云大学”公众号
  • 2
    向学习君回复口令 “5”
  • 3
    获得课程福利包
腾讯云大学微信公众号
“腾讯云大学”微信公众号

讲师简介

云开发 TCB 团队

为微信小程序开发者提供云到端的一站式解决方案,帮助开发者统一构建和管理资源,能有效降低技术门槛、减少研发成本、提升开发效率,协助开发者快速搭建稳定高质量的微信小程序应用

简介

随着微信小程序不断发展壮大,更多商家都把自有业务拓展到小程序以开拓更多商机。依托微信背后庞大的用户和流量,以及极其方便的移动支付渠道,大大提升了自有业务。同时也带来了更多的客服工作,微信自有的客服助手已经不能满足多样化的客服工作。就需要定制适应自己的客服小程序来帮助客服人员更好的服务顾客。

课程讲义

课程概述

本课程讲师为特邀讲师匠人春,独立开发者。5年开发经验。熟悉Python、前端、小程序、Node等多项开发技术。在Python技术方面尤其有深入的研究,目前运营着个人公众号,以匠人精神对待写过的每一行代码。

相比微信客服助手,定制化客服小程序有以下几个特点:

  • 可嵌入现有小程序中,实现用户体验闭环
  • 可接入智能对话机器人,实现智能回复,减轻客服人员工作强度
  • 可发送更多资源类型(音频、视频、文件、位置等)

最后,带你上手实际写一个客服小程序,完整覆盖小程序+云开发的完整流程。

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

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

本次分享内容:

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

全部评论
讲师/助教

评论