亿万级别商品详情页面设计

蔚落 2023-05-22 22:11 66阅读 0赞

### 商品详情页面架构图 ###

![图片来自每特教育][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L21hbWVuZzE5ODg_size_16_color_FFFFFF_t_70]

### 商品详情页面设计存在的问题 ###

1.  mysql与es如何保持数据同步的问题  
    解决方案：

1、每次发布商品的时候，调用ES接口实现数据的同步
    2、使用canal解决

1.  在商品详情页面中除了价格和库存经常发生变化以外，其他数据很少发生变化，所以需要将商品详情页面设计成静态化形式；页面静态化（java语言中的静态化技术：ftl(FreeMarker)等）的好处：

1、访问速度非常快，不需要查询数据库获取数据，从而减轻我们数据库的压力
    2、对SEO搜索非常友好

1.  采用nginx或者CDN直接缓存我们的商品详情页面：

nginx缓存我们的商品详情页面的原理：
    直接将商品详情页面源代码缓存到nginx目录中，缓存key是商品详情的url路径地址。
    nginx缓存和mysql数据如何保持一致性：
    1、直接清除nginx目录中的缓存（不太现实）
    2、在url后面加上最新更新商品的时间（例如：https://editor.csdn.net/md?articleId=105598663&t=20200418）

商品详情页面中频繁发生变化的是价格和库存，在一个商品详情页面中价格和库存不能放入缓存中，需实时读取，其他可以直接作为静态页面存放。每次在发布商品的时候，使用FreeMarker技术重新生成静态详情页面，然后放入到nginx的目录中。也可以将静态html页面放入到第三方CDN中，遵循就近原则访问，可以减少带宽距离的传输，从而提高整个页面的访问效率。

### 基于openResty+lua实现亿级别商品详情页 ###

#### openResty+nginx+lua 设计的原理 ####

1、后台每次在更新商品详情页面的时候，会直接生成对应的商品详情页面的模板页面并放入到nginx中，同时采用lua脚本读取mysql/es/接口拿到数据源，再渲染给客户端。  
2、可以灵活扩展的操作nginx、减轻后台访问压力

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L21hbWVuZzE5ODg_size_16_color_FFFFFF_t_70]: /images/20230521/aad613e10bc24dd4b0cb6388a5e314e8.png