点击观看大咖分享

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

本期腾讯云大学大咖分享邀请匠人春老师,将基于小程序·云开发和腾讯云AI智能图像服务的【智能美颜相册小程序开发】实战演练。

本次分享内容:

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


问卷

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

最热门前沿、最干货的视频教程,请让我们听到你的需要,感谢您的时间!点击填写**_ 问卷

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


腾讯云大学
53 声望16 粉丝

腾讯云旗下面向云生态用户的一站式学习成长平台。提供体系化、多样化的线上、线下学习方案。[链接]