电商技术解密之商品详情页

转自： https://mp.weixin.qq.com/s/jQNCjAk3EfaW8E48QY7EIg

今天来跟大家聊聊商详，商详是展示商品详情信息的一个页面，整个购物流程比较重要的一个部分，承载着网站的绝大部分流量。为了提高转化率构成商详的元素非常丰富，有大量的图片、部分商品还有视频介绍、有相对静态的商详模板，有实时变化的价格、促销、库存。如何让用户快速流畅的打开商详？如何尽量减少用户的流量，减少客户端与后台的交互，让用户在APP上有比较好的体验，这些都是在设计商详系统时候需要面临的挑战，下面我们先来看下商详上一共有哪些元素组成。

可以看到商详上的元素非常多，总结下来分为这么几个维度：商品维度（标题、主图、规格参数、商品文描）、分类维度、商家维度、店铺维度。另外还有一些实时性比较高的：价格、实时促销、配送地址、库存、广告等。

主要面临的挑战有：

高性能，商详页聚合服务比较多，要保证商详页在1-2秒内可以打开。
灵活性较好，可以快速响应页面变更需求。
具有较好的扩展性，当访问量增加的时候可以随时进行水平扩展。
要能够做到柔性降级，自带开关。某些底层服务出问题时可以通过开关进行相应降级处理。

针对商详可以有几种不同的实现方式，用户看到的是同一个商详页，但背后实现的方式却多种多样，下面给大家介绍几种常见的实现。

第一种实现方式，单机版

整个网站放在一台机器上，通过几条SQL分别拿到商详需要展示的各种信息，聚合成一个大的接口吐出给前端展示。

优点：逻辑简单。灵活性较好，可以快速响应页面变更需求。

缺点：性能比较差，没有扩展性。

第二种实现方式，缓存银弹

在第一版的基础上增加各种维度的缓存。可以将主图、商详的HTML模板放到CDN上，每个商品的聚合信息可以放到cache中，不需要每次请求都通过DB获取商品数据。

优点：可以一定程度上提高性能。

缺点：需要解决缓存与DB的数据一致性问题，单纯增加缓存面临数据实时性不高，底层数据已经修改，缓存中还不是最新数据。若任何底层数据变更实时更新缓存则修改工作量较大。另外仍然没有解决扩展性问题。当请求量过大，或者商品数据过多将导致性能变差。

第三种实现方式，分布式服务化。

按照领域进行切分，不同业务领域独立实现分别部署，将商详依赖的底层业务领域分别拆分出来。例如，商品、库存、促销、地址等分别进行服务化。每个子领域的服务自己保证各自的性能。

优点：具有很好的灵活性。当有业务需求变化的时候，每个子领域内部自行修改，对外部提供的接口协议不变，对外部无感知。并且具有良好的扩展性，当请求量或者数据量比较大的时候，每个子领域都可以分别进行横向扩展。

缺点：开发难度变大，由于按照领域进行服务划分，往往原来一行SQL可以搞定的事情。现在要涉及到多个领域一起配合来修改，需要协商接口协议，各个领域内部仍有不少开发量。

下面我们来说几个基本的概念，上面提到的服务到底是什么？

服务：自己自足的、无状态的业务功能，通过定义良好的标准接口，它接受一个或多个请求，返回一个或多个应答

- 服务不应依赖于其他功能或过程

- 用于提供服务的技术，编程语言，不构成定义的一部分。

- 服务体现了业务功能，聚焦于流程，服务的主要目标是体现业务功能的“自然”步骤。就服务起作用的业务而言，服务应该代表了一项自足的功能，对应着一项真实世界的业务活动，业务人员应该理解服务干了什么

接口和契约（技术层面）

- 一项服务是一个处理（多个）消息的接口，返回信息，以及/或者改变实体（后端系统）的状态

- 前置条件、后置条件（安全意识，不信任原则）

- 粗粒度：有助于分离服务提供者的内部数据结构和外部接口

- 接口的版本、向后兼容

上面介绍了分布式服务化的方式来实现商详的技术架构，那么这样是不是就完美了，在实际情况下即使这种架构还是有很多不可控的因素会影响整个商详的性能。最重要的一个就是对外部服务的依赖。如果外部服务出现抖动那么整个商详页也会随之出现不稳定。尤其商详是个比较大的聚合服务，底层依赖的服务比较多，任何一个出问题都会受到影响，那么商详出错的概率就会比较大。如何解决这个问题呢？

一种方案是要求所有底层服务各自保证自己的稳定性，这需要有比较完善的监控体系，能够快速找到出问题的点，然后进行修正。这种方案属于比较理想状态，对外部有强依赖。这需要有一个比较靠谱的团队，团队中每个人负责的领域稳定性、健壮性都比较高，那么这种方式是比较好的，领域的划分比较清晰，各自的职责也比较清晰。大家各自把自己的领域做好，那么整个网站的效率都比较高。这对整个团队要求比较高，这种团队是存在的，但是当公司业务发展比较快，团队人数增长也比较快的时候，这时候团队的质量就比较难保证了，就会出现某一个领域或者某几个领域质量不是很高，就会导致整个服务调用链都不稳定，对整体网站影响较大。那么出现这种问题时如何解决呢？

互不信任原则
数据闭环
降级
异步并发

互不信任原则

对外部不信任的原则是服务自我保护最重要的方式，尽量降低外部服务出问题时对本服务的影响。对于一个写服务来说，一定要校验外部服务调用的所有参数是否合法，对每一个调用方分配场景ID记录调用来源，并且自己要做幂等去重处理。设计系统时首先想到对于这个外部调用一旦失败该如何处理？是否有相应的降级策略？对于不同调用失败的场景一定要清晰记录错误信息方便后面调试跟踪解决问题。

数据闭环

数据闭环即数据的自我管理，或者说是数据都在自己系统里维护，不依赖于任何其他系统，去依赖化；这样得到的好处就是别人抖动跟我没关系。

数据异构：是数据闭环的第一步，将各个依赖系统的数据拿过来，按照自己的要求存储起来；

数据原子化：数据异构的数据是原子化数据，这样未来我们可以对这些数据再加工再处理而响应变化的需求；

数据聚合：将多个原子数据聚合为一个大JSON数据，这样前端展示只需要一次get，当然要考虑系统架构，比如使用Redis，Redis又是单线程系统，我们需要部署更多的Redis来支持更高的并发，另外存储的值要尽可能的小；

数据维度化：对于数据应该按照维度和作用进行维度化，这样可以分离存储，进行更有效的存储和使用。下面是一种相对比较简单的维度的划分：

1、商品基本信息，标题、扩展属性、特殊属性、图片、颜色尺码、规格参数等；

2、商品介绍信息，商品维度商家模板、商品介绍等；

3、非商品维度其他信息，分类信息、商家信息、店铺信息、店铺头、品牌信息等；

4、商品维度其他信息（异步加载），价格、促销、配送至、广告词、推荐配件、最佳组合等。

降级开关

当底层系统出现问题时候要能够做到通过开关的配置屏蔽底层系统的波动对商详的影响，例如当底层的库存系统出现问题时可以通过开关进行配置商详屏蔽调用库存接口，默认所有商品有库存，这样库存数量可能不是最准确的，但至少可以保证用户正常浏览商详页不至于由于底层系统的波动导致整个商详页面打不开。在系统设计时候要尽可能的多预留降级开关，能降级的地方都要做好降级的准备，只有这样才能保证商详的高可用。

异步并发

假设一个读服务是需要如下数据：

1、数据A 10ms

2、数据B 15ms

3、数据C 20ms

4、数据D 5ms

5、数据E 10ms

那么如果串行获取那么需要：60ms；

而如果数据C依赖数据A和数据B、数据D谁也不依赖、数据E依赖数据C；那么我们可以这样子来获取数据：

那么如果并发化获取那么需要：30ms；能提升一倍的性能。

假设数据E还依赖数据F(5ms)，而数据F是在数据E服务中获取的，此时就可以考虑在此服务中在取数据A/B/D时预取数据F，那么整体性能就变为了：25ms。

上面我们聊了聊关于商详的部分技术实现方案，下期将跟大家聊聊电商的抢购系统的哪些事儿，敬请期待！

电商技术解密之商品详情页相关推荐

电商平台关键词、商品详情API、品牌维护、价格监控、竞价比价
以下是行业内了解到的一些情况,本帖只展示部分代码,需要更多API调试请移步注册API账号 http://console.open.onebound.cn/console/?i=Turbo 通过商品ID ...
软件架构-解密电商系统-互联网BAT商品详情缓存架构
上几节说了中小型电商公司,项目详情页的优化方案,一般是使用freemark模板生成了html静态页面,放到nginx或者tomcat中,但是肯定选择nginx的并发是tomcat的100倍,通过mq的 ...
关于电商API接口系列（详情页详情，产品列表，按图搜索，店铺所有产品等数据采集）
一.什么是电商API 程接口(Application Programming Interface),是一组用于访问某个软件或硬件的协议.规则和工具集合.电商API就是各大电商平台提供给开 ...
电商API接口获取商品详情数据
item_get-获得淘宝商品详情注册地址请求参数请求参数:num_iid=679894879441&is_promotion=1 参数说明:num_iid:淘宝商品ID is_prom ...
电商平台淘宝商品详情接口调用展示
以下是行业内了解到的一些情况,本帖只展示部分代码,需要更多API调试请移步注册API账号登录 - 跨境电商平台接口提供商数据采集公司数据接口定制服务企业级数据服务商{ & ...
各大电商平台关键词、商品详情API、品牌情报与品牌保护、价格监控、竞价比价
以下是行业内了解到的一些情况,本帖只展示部分代码,需要全部参数以及更多API调试请移步注册API账号 http://console.open.onebound.cn/console/?i=Rookie ...
vue3,电商项目中的商品详情-图片预览组件
目的:完成商品图片预览功能和切换分享一个vueuse的插件useMouseInElement useMouseInElement的官方文档 // 监听DOM元素 target 绑定的DOM元素中鼠标 ...
亿级流量电商详情页系统实战-28.商品详情页结构分析、缓存全量更新问题以及缓存维度化解决方案
1.前言实时性比较高的那块数据,比如说库存,销量之类的这种数据,我们采取的实时的缓存+数据库双写的技术方案,双写一致性保障的方案实时性要求不高的数据,比如说商品的基本信息,等等,我们采取的是三级缓 ...
电商APP商品详情页设计套路（分层PSD模板）！透析UI／UE必须懂的营销设计思维！
电商APP重点在于商品详情页,打造一个优秀的商品详情页,完全能够提高转化率! UI设计.交互体验.文案撰写.产品的商业模式来聊一聊电商app商品详情页是怎么"套路" 设计app商品 ...
高并发处理之商品详情页
首页博客专栏·视频下载论坛问答代码直播能力认证高校会员中心收藏动态消息创作中心高并发处理之商品详情页卜大伟 2019-01-18 11:13:47 2488 收藏 ...

电商技术解密之商品详情页

电商技术解密之商品详情页相关推荐

最新文章

热门文章