微信赋能企业级智能客服系统（85页PPT）

微信扫码，打开到小程序

.NET Core 2019 .Net Core + 微信赋能 企业级智能客服系统 20 19 中国 NT 开发 者峰 会 china .Netconf2019 演讲人：苏震巍 • 苏震巍 • 微软最有价值专家（ MVP ） • 微软技术俱乐部（苏州）主 席 • 苏州市人工智能学会理事 • 香港理工大学信息管理学硕 士 • 《网站模块化开发全程实 录》 《微信开发深度解析》 作者 • Senparc.Weixin SDK 作者 苏州盛派网络科技有限公司 创始人，首席架构师 自我介绍 • 微信应用生态简介 • 微信小程序基础通讯原理 • Senparc.Weixin SDK 小程序模块 概述 • .NET Core 部分特性概述 • 使用 SignalR 创建全双工实时通讯的小程 序 • 一些经验总结和讨论 目 录 china .Netconf2019 微信应用生态 微信平台、 Senparc.Weixin SDK 、 小程序趋 势 s e n p a c w e SDK 小程序慎块概述 NETcore 部 分 特 性 概 述 使用 sionalR 创建全双工实时通讯的小程 序 微信应用生态简 介 china .Netconf2019 『 l 微信生态 china .Netconf2019 Senparc.Weixin.QY.dll & Senparc.Weixin.Work.dll 企业号 & 企业微信 Senparc.Weixin.WxOpen.dll 小程序 Senparc.Weixin.Cache.Memcached.dll MemcachedRedis 缓存 Senparc.Weixin.MvcExtension.dll MVC 扩展插件 Senparc.WebSocket.dll 独立的 WebSocket 模块 Senparc.Weixin.dll 基础库 Senparc.Weixin.MP.dll 公众号、微信支付、 JS-SDK 、摇一摇周边 Senparc.Weixin.Open.dll 开放平台 Senparc.Weixin.Cache.Redis.dll Redis 缓存 Senparc.Weixin.TenPay.dll 微信支付 Senparc.Weixin SDK 库 全系列支持 . NET 3.5/4.0/4.5 / .NET Standard 2.0+ / .NET Core 1.x/2.x/3.0 Senparc .NET 开源生态 Senparc.NeuChar.dll 跨平台交互通讯标准 及核心计算逻辑 Senparc.CO2NET.dll Senparc.Weixin.dll Senparc.Weixin.TenPay Senparc.Weixin.Work Senparc.Weixin.Open Senparc.Weixin.Cache.Me Senparc.Weixin.WxOpen Senparc.Weixin.MP.Mvc Senparc.Weixin.MP Senparc.Weixin.Cache.Redis 公共基础库 基础库 mcached … https://github.com/JeffreySu/WeiXinMPSDK 100% 开源 china .Netconf2019 • 正式版发布需要审核，周期相对公众号网页更 长 • 转发引爆的流量爆发力大 • 小程序无法直接刷新，载入过程必须一撮而就 • APP 流量红利逐步消失，适用场景更加碎片化 （爆品）小程序给开发、部署带来的挑战 china .Netconf2019 访问量 2 周 PV 5600 万 UV 1500 万 一个区域性应用的爆发周期 china .Netconf2019 一个区域性应用的爆发周期 china .Netconf2019 微信小程序客服常用接口 通讯原理 异步消息、客服消息、 WebSocket 目录 senparcwewn sDK 小 程 序 棋 块 概 述 NETcore 部 分 特 性 概 述 使用 sionalR 创建全双工实时通讯的小程 序 china .Netconf2019 简单理解小程序的开发环境 Web 开发者工具 文件目录 文件编辑 工具栏 菜单 预览 china .Netconf2019 I. 后端开发：和开发微信公众号及公众号 Web 页面无异，支持 WebSocket 。 II. 前端开发： 1) 使用了微信自己的标准。 WXML 、 WXSS ，取代 HTML 和 CSS ； 2) JavaScript 不支持 DOM ； 3) 桌面开发工具，运行在 NW.js 中，由 Chrome 60 Webview 渲染； 4) iOS 微信中， JS 运行在 jscore 中，由 WKWebView 来渲染； 5) Android 微信中， JS 通过 X5 jscore （旧） / V8 （新） 运行， 由 Mobile Chrome 57 （旧） / 67 （新） 内核渲染。 0 简单理解小程序的开发环境 china .Netconf2019 异步消息、客服消息、 WebSocket china .Netconf2019 wx.request({ url: 'https://sdk.weixin.senparc.com/ GetUserInfo ', data: { sessionId: wx.getStorageSync( 'sessionId’) }, method: 'POST’ , success: function (res) { var json = res.data; //... }); }); 0 小程序：异步消息 china .Netconf2019 小程序：异步消息 发送消息 （文字、语言等） 无状态 微信对话消息 上下文 转发消息 （ XML ） 返回消息 （ XML ） 转发网站回复消息 状态 处理 消息 china .Netconf2019 小程序：客服对话消息 （文字、语言等） 接收客服消息 使用高级接口发送客服消息 返回 success 消息 （ Text ） 转发消息（ XML/JSON ） 处理 消息 发送消息 china .Netconf2019 程序：客服消息 https://www.neuchar.com 小程序：客服消息 小程序：客服消息 跨平台支持公众号 • socket.onopen () • socket.onmessage() • socket.onerror() • socket.onclose() • socket.send() • socket.close() var socket = new WebSocket(url, [protocal] ); 前 端 接口 HTML5 ： WebSocket china .Netconf2019 • wx.connectSocket() • wx.onSocketOpen() • wx.onSocketMessage() • wx.onSocketError() • wx.onSocketClose() • wx.sendSocketMessage() • wx.closeSocket() 0 小程序： WebSocket 前 端 接口 china .Netconf2019 HTML5 WebSocket API 微信小程序 WebSocket API 建立连接 var socket = new WebSocket(url, [protocal] ); wx.connectSocket() 连接建立时触发 socket.onopen () wx.onSocketOpen() 客户端接收服务端数 据时触发 socket.onmessage() wx.onSocketMessage() 通信发生错误时触发 socket.onerror() wx.onSocketError() 连接关闭时触发 socket.onclose() wx.onSocketClose() 使用连接发送数据 socket.send() wx.sendSocketMessage() 关闭连接 socket.close() wx.closeSocket() WebSocket 接口对比 无差异 后端 接口 china .Netconf2019 1. 发送文字 2. 接收 3 条实时消息 3. 模拟延迟 4. 收到反转文字结果 5. 群发原始文字给所有在线客户 端 6. 发送一条小程序模板消息 小程序： WebSocket china .Netconf2019 这还不够… … china .Netconf2019 china .Netconf2019 这还还不够… … china .Netconf2019 china .Netconf2019 Senparc.WebSocket 测试地址： https://sdk.weixin.senparc.com/WebSocket china .Netconf2019 Senparc.Weixin SDK 小程序模块 概述 模块结构、支持接口 目录 senparcweixi SDK 小 程 序 模 块 概 述 NETcore 部 分 特 性 概 述 使用 signalR 创建全双工实时通讯的小程 序 china .Netconf2019 Senparc.Weixin.WxOpen.dll 小程序库 Senparc.Weixin.WxOpen.dll 模板消息接口 小程序码接口 高级接口 通用接口 消息上下文 MessageHandler 消息处理器 数据分析接口 SNS 权限接口 其他所有接口 订阅消息接口 模板消息接口 云函数接口 客服接口 用户 Session 容 器 普通链接二维码 接口 名称 Senparc.Weixin.WxOpen Nuget 地址 https://www.nuget.org/packages/Senparc.Weixin.WxOpen Senparc SDK 库下载量： 140 万 + Senparc.WxOpen 类库 china .Netconf2019 .NET Core 部分特性概 述 senparcwewn SDK 小程序慎块概 述 .NETcore 部分特性概述 中间件管道、 WebSocket 做信应用生态简 介 china .Netconf2019 .NET Core 中间件（ Middleware ） china .Netconf2019 .NET Core 中间件（ Middleware ） china .Netconf2019 极简 Sample 开源地址： https://github.com/OpenSenparc/ WechatMessageSample .NET Core 中间件（ Middleware ） > WebSocket 分支 china .Netconf2019 手机 APP PC 终 端 支持 HTML5 的设备 .NET Core WebSocket ： SignalR china .Netconf2019 手机 APP PC 终 端 支持 HTML5 的设备 .NET Core WebSocket ： SignalR HTML5 HTML5 HTML5 china .Netconf2019 手机 APP PC 终 端 支持 HTML5 的设备 .NET Core WebSocket ： SignalR HTML5 SignalR HTML5 SignalR HTML5 SignalR china .Netconf2019 using Microsoft.AspNetCore.SignalR; using System.Threading.Tasks; namespace SignalRChat.Hubs { public class ChatHub : Hub { public async Task SendMessage(string user, string message) { await Clients.All.SendAsync("ReceiveMessage", user, message); } } } 第一步：引用 SignalR 的官方 js 文件： signalr.js 、 signalr.min.js 官方教程 第二步：创建 Hub 文件（如 ChatHub.cs ）： .NET Core WebSocket ： SignalR SignalR china .Netconf2019 public void ConfigureServices(IServiceCollection services) { services.AddRazorPages(); services.AddSignalR(); } public void Configure(IApplicationBuilder app, IWebHostEnvironment env) { //… app.UseEndpoints(endpoints => { endpoints.MapRazorPages(); endpoints.MapHub<ChatHub>("/chatHub"); }); } .NET Core WebSocket ： SignalR 第三步： startup.cs 中配置： SignalR china .Netconf2019 // 开始连接 var connection = new signalR.HubConnectionBuilder().withUrl("/SenparcHub").build(); // 连接成功回调 connection.start().then(function () { //… }); // 收到消息回调 connection.on("ReceiveMessage", function (user, message) { //… }); // 发送消息 connection.invoke("SendMessage", message); <!– HTML 页面引用 JS 文件 -- > <script src="~/js/signalr/dist/browser/signalr.js"></script> <script src="~/js/chat.js"></script> .NET Core WebSocket ： SignalR 第四步：前端添加 JS 代码： SignalR china .Netconf2019 实时通讯的小程序 前端、后端、部署， SCF （ SenparcCoreFramework ） 使用 SignalR 创建全双 工 目录 senparcwewn sDK 小 程 序 棋 块 概 述 NETcore 部 分 特 性 概 述 使用 signalR 创建全双工实时通讯的小程 序 china .Netconf2019 后端 china .Netconf2019 china .Netconf2019 SCF （ SenparcCoreFramework ） china .Netconf2019 什么是 SCF ？ SCF - SenparcCoreFramework china .Netconf2019 SCF （ SenparcCoreFramework ）是一整套可用于构建 基 础项目的企业级通用框架，严格遵循 DDD 设计模式，包含 了 基础的缓存、数据库、模型、验证及配套管理后台，模块 化， 具有高度的可扩展性和耐操性。 SCF 支持容器化和微服务部署，也支持单体应用部署。 什么是 SCF ？ SCF - SenparcCoreFramework china .Netconf2019 中期目标 成为 .NET Core 界和 Spring 一样有影响力的 Web 开发框架。 开源地址 https://github.com/SenparcCoreFramework/SCF 目前主要维护人员：苏震巍，伏允昆， 徐福扬，赵铭哲，欢迎更多社区开发人员加入！ SCF - SenparcCoreFramework china .Netconf2019 略… … SCF – 架构 china .Netconf2019 后端开发演示 0 SCF - SenparcCoreFramework china .Netconf2019 SCF – 开发准备 china .Netconf2019 SCF – 开发准备 china .Netconf2019 SCF – 开发 china .Netconf2019 SCF – 开发 china .Netconf2019 初始化项目框架 0 SCF – 开发 china .Netconf2019 0 SCF – 开发 china .Netconf2019 开发跨平台兼容的 SignalR 上层应 用 0 SCF – 开发 china .Netconf2019 扩展 SignalR ： 安装并使用 Senparc.WebSocket 0 SCF – 开发 china .Netconf2019 0 SCF – 开发 china .Netconf2019 接入智能客服等接口， 如： Power Virtual Agents https://docs.microsoft.com/zh-cn/power- virtual-agents/getting-started-create-bot SCF – 开发 china .Netconf2019 0 SCF – 开发 china .Netconf2019 暴露 Hub 0 SCF – 开发 china .Netconf2019 0 SCF – 开发 china .Netconf2019 配置 startup.cs 0 SCF – 开发 china .Netconf2019 0 SCF – 开发 china .Netconf2019 前端 china .Netconf2019 china .Netconf2019 使用 Azure DevOps 进行 CI/CD