实践案例 | 基于前后端分离技术构建企业商城，实现销售业务数字化管理
小编推荐
对于传统销售业务，采用电话接单销售模式，不仅信息共享难、效率低，且难以提前做销售计划、难以监控产品或服务质量、难以做数据分析。同时，线下促销类营销模式难以实现价值最大化。
对此，有什么解决方案可以高效解决上述问题呢？本期B2B企业商城构建的实践案例告诉你答案，基于金蝶云·苍穹平台，通过前后端分离技术搭建B2B销售平台，实现销售业务数字化管理~
案例撰稿人：肖龙雄。
业务背景
某食品集团股份有限公司是一家以畜禽养殖为主业、配套相关业务的跨地区现代农牧企业集团。该企业以传统养殖业为主，鸡猪业务约占94.53%销售收入，为了争强禽业竞争优势，集团决定以企业商城为平台，从无到有的全面上线到开展数字化基础运营，逐步向打造核心竞争优势的方向迈进。
然而，对于传统销售业务，客户面临以下痛点：
1、信息共享难、效率低：传统的电话接单销售模式，效率太低。信息发布，基本靠“吼”。接单过程中，信息不能共享，导致计划上市和实际接单，不能及时匹配。业务人员不能提前做销售计划。
2、旧的营销模式无法实现价值最大化：当今的电商各类促销活动如：团购、秒杀、竞价等新型营销模式成为主流，旧营销模式难以发挥作用，且特殊产品如何实现公开透明的网上竞价、拍卖，也成为一大难题。
3、产品、服务监控难：客户没有有效的反馈渠道，难以有效监督产品或服务质量。销售价格以及销售情况，也不能实时监控。
4、经销商帐户信息查阅难：账户余额流水信息不能及时查询，不能线上对账确认促销活动信息、流水，无法实时跟踪。
5、客户维护缺少利器、难以进行大数据分析：难以分析经销商购买数据和习惯，企业渴望建立大数据中心，提供营销决策支持，培养客户忠诚度。
基于以上痛点和诉求，客户希望能够构建共享运营中心，打造企业的全渠道营销体系，实现从无到有的B2B销售平台全面上线到开展数字化基础运营的探索与实践脚步。
2 解决方案
2.1 方案整体思路
针对客户诉求：实现从无到有的B2B销售平台全面上线，首先提供了关于该企业B2B销售平台的总体规划，该规划是基于金蝶云苍穹平台基础架构构建的第一套全渠道销售平台，整个项目规划包括销售运营体系数字化转型业务，应用了三层业务架构模式（即互联网商城+共享中台+联接后台业务模式）。
图-总体规划及三层业务架构模式
2.2 关键技术实现方案
整体解决方案可分为如下三个部分：
1、将可组装企业级PaaS平台金蝶云·苍穹作为业务流程平台，为整个企业商城构建提供更可靠的系统运行底座，更敏捷的业务能力组装，以及更智能的数据能力平台。
2、通过前后端分离技术，实现前后端代码的解耦。
3、通过Json Web Token（JWT）实现用户认证。
前后端分离技术
通过前后端分离技术，实现前后端代码的解耦，前后端沟通约定好接口格式以及参数，后端负责按照约定的数据格式向前端提供可调用的API服务，前后端之间通过HTTP请求进行交互，前端获取到数据后，进行页面的组装和渲染，最终返回给浏览器。具体实现过程如下：
在开发阶段，前后端工程师约定好数据交互接口，实现并行开发和测试，其中前端工程师在开发完成之后可以独自进行mock测试，而后端也可以使用Postman等接口测试软件进行接口自测，然后前后端一起进行功能联调并校验格式，最终进行自动化测试。
在运行阶段，前后端分离模式需要对web应用进行分离部署，前后端之间使用HTTP或者其他协议进行交互请求。
前后端分离以后，可以实现前后端代码的解耦，只要前后端沟通约定好所属应用所需接口以及接口参数，便可以并行开发，无需等待对方的开发工作结束。
与此同时，即使需求发生变更，只要接口与数据格式不变，后端开发人员也不需要修改代码，只需要前端进行变动即可。
通过前后端分离，实现前后端代码的解耦，能够完美应对各种复杂多变的业务需求。
图-前端技术架构
图-前后端通讯——苍穹开放平台API2.0
JWT实现用户认证技术
传统开发过程中，用户认证是后端根据浏览器cookie值来查询用户，验证是否过期。如果页面出现XSS（跨站脚本攻击）漏洞，会导致用户信息不再安全。所以我们通过Json Web Token（JWT）实现用户认证。
小知识：
JWT认证原理：服务器在生成一个JWT之后会将这个Token发送到客户端机器，在客户端再次访问受到JWT保护的资源URL时，服务器会获取到该Token信息。
首先将Header进行反编码获取到加密的算法，再通过存放在服务器上的密匙对Header.Payload 这个字符串进行加密，比对Token中的Signature和实际加密出来的结果是否一致，如果一致那么说明该Token是合法有效的，认证成功，否则认证失败。
实现JWT认证具体操作步骤如下：
步骤1，前端通过Web表单将自己的用户名和密码发送到后端的接口。该过程一般是一个HTTP POST请求，建议通过SSL（Secure Socket Layer，安全套接层，一种网络安全协议）加密传输，从而避免敏感信息被嗅探。
步骤2，后端核对用户名和密码成功后，将用户的id等其他信息作为JWT Payload（负载），将其与头部分别进行Base64编码拼接后签名，形成一个JWT。形成的JWT就是一个形同lll.zzz.xxx的字符串。
步骤3，后端将JWT字符串作为登录成功的返回结果返回给前端。前端可以将返回的结果保存在Cookie或localStorage或sessionStorage上，退出登录时前端删除保存的JWT即可。
步骤4，前端在每次请求时将JWT放入HTTP Header中的Authorization位。(解决XSS和XSRF（跨站请求伪造）问题)
步骤5，后端检查是否存在，如存在验证JWT的有效性。验证通过后，后端使用JWT中包含的用户信息进行其他逻辑操作，返回相应结果。
图-前后端交互架构
API设计原则
苍穹平台内应用间的通讯，接口协议层面主要有两种：RPC API和HTTP API。从性能和开发效率（服务本身和服务调用）上讲，RPC更有优势，推荐使用。对于需要向平台外的系统开放的能力，可以用HTTP API。具体的API设计原则如下图：
图-PBC接口可组装方式：RPC、 HTTP API
3 方案的复用价值
该方案采用前后端分离技术，构建企业商城，对于有搭建业务管理系统等相似需求的行业和企业具有普适性。
目标定义
基于企业价值观，依据业务发展诉求，制定数字化建设目标，聚集系统业务价值。
架构规划
通过企业架构方法论，科学规划数字化方向。
平台支撑
用低代码、可组装、与企业共成功的技术平台，快速响应前端业务，有力支撑数字化蓝图落地的延续性、数字化⼈才培养的一贯性。
应用搭建
通过可组装技术平台，复用IT资产，快速组装、构建业务应用系统，适配业务变化，支撑业务目标实现，体现数字化价值。
同时，苍穹平台作为该企业商城的底座，提供了强有力的支撑：
① 快速构建共享中台：通过苍穹低代码平台及插件，快速实现中台订单的建模及业务逻辑实现。
② 快速组装业务应用：通过KDDM的“继承”实现业务应用对中台能⼒的复用，包括数据模型、业务逻辑、界面。
③ 快速适配业务形态：通过插件实现个性业务逻辑，通过布局实现个性界面。
④ 快速构建前端⼊⼝：通过UI组件库组装用户界面，通过苍穹开放平台与业务应用交互，实现前后端分离。
#往期推荐#
更多精彩内容，“码”上了解！↓
实践案例 | 基于前后端分离技术构建企业商城，实现销售业务数字化管理
本文2024-09-23 00:20:58发表“云苍穹知识”栏目。
本文链接：https://wenku.my7c.com/article/kingdee-cangqiong-138896.html
