ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

基于Vue3SSR渲染作品H5页

2022-06-08 15:35:05  阅读:177  来源: 互联网

标签:缓存 渲染 前端 server h5 Vue3SSR editor SSR H5


回顾
多项目之间的关系
业务组件sqxy-components为何要单独抽离出来?
整体思路

  • 根据 id uuid来获取思路
  • 判断 status(未发布,强制下线)
  • 作品数据+leogo-cpmponents ---> 渲染出H5页面
    C端特点:流量大,交互简单,所以要访问更快,服务器压力更小
    使用SSR
    SSR 并不是新概念,web系统最早产生的就是SSR(asp, jsp, php等), 后来才前后端分离、
    再后来,有大前端, 前端后端整合
    SSR优点是快。缺点是不灵活(相比Vue React),后来又有了Vue React的SSR框架 但是研发成本太高。
    如何使用SSR
    业务需求:流量大, 交互大
    要使用sqvy-components,所以使用Vue3 SSR
    仅仅渲染一个h5 页面,没有路由,交互简单,所以不用框架
    使用缓存
  • 流量大时,频繁访问数据库是一个性能瓶颈
  • 使用Redis缓存,解决这个问题
  • 考虑何时清空缓存?
    • 重新发布时
    • 强制下线时
      html 放在我们自己的服务器,CSSS js放在CDN
      前端功能
  • 统计,分渠道统计
  • 渠道参数检查(防止没有渠道号的情况)
  • 事件
    --------技术文档--------------
    image
    需求和背景
    技术选型
    架构设计图
  • URL设计和 editor-server
    ssr设计
    • h5前端功能

搭建项目环境
h5-server 和biz-editor共用一个数据库
主要产出

  • 搭建h5-server项目环境
  • 自动部署测试机
    主要内容
    回顾biz-editor-server项目环境, CI/CD流程
    搭建h5-server 开发环境
    CI/CD自动部署到测试机
    注意事项
    如何通过docker-host 访问数据库

标签:缓存,渲染,前端,server,h5,Vue3SSR,editor,SSR,H5
来源: https://www.cnblogs.com/stormliu/p/16355835.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有