文档建议反馈控制台
首页
学习
活动
专区
圈层
工具
MCP广场
文章/答案/技术大牛
发布
    • 您找到你想要的搜索结果了吗？
    是的
    没有找到

    面试官：SSR解决了什么问题？有做过SSR吗？你是怎么做的？

    一、是什么 Server-Side Rendering 我们称其为SSR，意为服务端渲染 指由服务侧完成页面的 HTML 结构拼接的页面处理技术，发送到浏览器，然后为其绑定状态与事件，成为完全可交互页面的过程...先来看看Web3个阶段的发展史： 传统服务端渲染SSR 单页面应用SPA 服务端渲染SSR 传统web开发 网页内容在服务端渲染完成，⼀次性传输到浏览器 img 打开页面查看源码，浏览器拿到的是全部的...SSR解决方案，后端渲染出完整的首屏的dom结构返回，前端拿到的内容包括首屏及完整spa结构，应用激活后依然按照spa方式运行 img 看完前端发展，我们再看看Vue官方对SSR的解释： Vue.js...是一个在SPA上进行改良的服务端渲染 通过Vue SSR渲染的页面，需要在客户端激活才能实现交互 Vue SSR将包含两部分：服务端渲染的首屏，包含交互的SPA 二、解决了什么 SSR主要解决了以下两种问题...// 服务端默认⽂件名为 `vue-ssr-server-bundle.json` // 客户端默认⽂件名为 `vue-ssr-client-manifest.json`。

    5.1K21

    新零售行业前端架构演进与实践经验：从单体巨石到智能动态化

    缺点：对Webpack版本和构建配置有要求，CSS隔离等需要额外处理。我们的选择：采用ModuleFederation。...后期全面Serverless化。页面渲染：将SSR（服务端渲染）逻辑部署为Serverless函数（如阿里云FC、AWSLambda），配合CDN边缘节点。...SSR：商品详情页的个性化推荐、实时库存价格。通过Serverless函数在边缘按需渲染。CSR：用户后台、配置页面等私密、强交互场景。...五、典型场景实战案例：双11大促会场背景：双11主会场，承载全站最大流量入口，页面内容需根据实时赛况（如品牌排名）每秒更新，且要支持运营在最后一分钟调整坑位。...弹性扩容：所有SSR函数、BFF函数、WebSocket连接器均部署为Serverless，根据CPU/并发数指标自动弹性扩容，理论无限容量。

    93020

    腾讯云国际站（云老大）：美国服务器有优惠吗？CVM采购成本怎么控制

    腾讯云国际站美国CVM存在活动折扣和不同计费方案，但不能把优惠理解成一个长期固定、所有账号通用的“美国服务器优惠码”。真正控制成本，要同时看实例规格、购买方式、公网流量、磁盘和快照。...二、有优惠，也不要只盯着活动价格 腾讯云CVM可以根据业务选择包年包月、按量付费以及Spot等不同模式。 包年包月 适合长期稳定运行的网站、API和生产环境。...五、大量图片和文件别全部压在CVM上 如果业务有大量： 图片、CSS、JavaScript、安装包、附件或视频， 全部由CVM本机磁盘和公网IP提供，会同时占用服务器磁盘、网络和计算资源。...控制成本不等于不做备份，而是只为有恢复价值的数据付费。 八、服务器关机后也要检查关联资源 按量CVM关机以后，不能简单认为： 服务器Stopped = 所有费用归零。...总结：先算总成本，再看优惠 腾讯云国际站美国服务器有优惠吗？ 有活动优惠和不同采购降本方式，但具体折扣、账号资格和实例价格可能变化，最终以下单页面为准。

    18510

    Serverless SSR 技术在猎豹移动的实践

    问：能否从技术的角度介绍一下目前使用的 SSR 方案的前端技术框架 Koot.js，是基于什么样的架构，有哪些模块？ 答：Koot.js 包含了 SSR，也是我们团队自研的方案，所以都是在用它....答：SSR 项目落地的时候通常不是很顺畅，项目部署的时候需要具备服务器技术能力才能和运维顺畅沟通，所以项目落地不仅要前端同学掌握后端开发能力还要对运维技术、并发等问题多方面考虑，这对前端技术同学的技术全面行有较高要求...在这种情况下，去年我们开始接触 Serverless 技术，Serverless 技术可以降低前端对服务端和运维的技术能力但要求，更适合大部分要做 SSR 的前端团队。...调研了几大云厂商 Serverless 服务，最后综合比较后，选择了腾讯云作为我们实现 SSR 的 Serverless 服务支持。...问：对于还未开始做 SSR 的团队您有什么建议吗？ 答：如果要做 ToC 的产品，建议做 SSR 尝试，让用户尽快的看见页面内容总是更好的。

    6.7K4425

    Node.js 部署和运维工作量降低 80%，腾讯 NOW 直播是怎么做到的？

    凭借着高级工程师的一双能手，阿特一步步地终于将业务成功上线了。他松了一口气，看了一下时间，沉默了许久。...这里的业务可以是： 静态页面 BFF 架构下的 Node 服务 SFF 架构下的 Serverless 直出或 Node 服务 咦，这不是 Nginx 做的工作吗？...目前 NGW 已经支持同构 SSR 的 Serverless 化方案，并且已接入多个项目在线上通过验证，成功率接近 99.99%（数据来自内部打点统计系统）。 ?...九、现状 Serverless SSR ? 目前 NGW + Serverless SSR 已经应用到 NOW 直播、手 Q 附近、浏览器直播和手 Q 群送礼等多个项目中。...以前的业务上线路径： 申请机器 -> 申请 CL5 -> 织云包下发部署服务 -> 更改 Nginx 配置 接入 NGW + Serverless SSR 只需要两步，后续接入团队脚手架后，连这两部都可以省掉了

    1.9K20

    脱离吹嘘炒作，聊聊真实的Serverless的坑和门槛 ｜ GMTC

    我想知道的其实是应用 Serverless 技术时，是否有一些坑和门槛，比如性能问题、传统项目迁移、多并发支持、状态管理，目前讨论较少，我希望能够看到具体的解决方案。  ...比如脚手架、工程化、CI\CD、DevOps 方面希望有一些实际经验可以借鉴。...，如 BFF、SSR 等。  ...拟邀议题 2： 思路：从具体一线大厂业务线落地出发，如何将厂内、厂外的 Serverless 技术方案在团队负责的业务产品进行落地，服务于现有业务，具体的做法是怎么样，有哪些效果和坑，后续方案如何。  ...部分议题抢先看⬇️⬇️⬇️ 点击【阅读原文】或识别二维码了解更多关于 GMTC 北京 2021，目前 8 折购票中，购票立减 960 元，团购还有更多优惠！

    73610

    Serverless 一站式云原生应用开发实践

    大家对 Serverless 的理解其实是有一些困惑的，通过下面这张搜索引擎的截图大家就可以看到，对于 Serverless 有很多不同的解读。...对于前端工程师来说，他们不希望去关心和不希望去考虑这些问题，所以有很多公司会因为考虑开发成本和运维成本反而觉得可以牺牲一些用户体验，因为 CSR 更加方便，这就是 SSR 还没有完全普及的一个原因。...在传统的 SSR 上，浏览器进行交换的时候其实是要和 node server 进行交换，然后去渲染。既然这边有一个 node 节点，就无法避免的会消耗服务资源，然后就需要去运维。...有了自己的 Serverless 应用想法后，可以直接再写对应的 Serverless 模板。...Q&A Q：Serverless 平台对代码包的大小有限制吗？ A：限制应该是会有的，但限制本身是可以扩大的。

    4.6K2723

    DNSPod十问肖雨浓：“无服务器计算”动了谁的奶酪？

    在中美两国巨大的文化差异之下，两国研发环境有什么异同，再次融入到国内工作环境中，有什么不一样的感受吗？...腾讯云是否有对应的服务能够为用户的Serverless应用提供安全保障？在利用这一新技术时如何规避安全风险，可以谈谈你的建议吗？...，无论是前端的静态托管需求、小程序/H5，还是大前端的BFF、SSR、RESTful API 和Serverless都有比较好的结合。...你能预测下它的未来吗？ 肖雨浓：在未来，Serverless 终将成为云计算的下一范式。...然而细心的读者可以发现，问题逐渐变为十一问，十二问。因为在实际采访过程中我发现，十个问题的答案不足以将嘉宾思考上的高度展示给大众。

    1.7K20

    云数据库新趋势：盘点支持Serverless按量计费的MongoDB服务

    MongoDB 按量计费 新用户优惠 100%兼容MongoDB协议，高性能存储引擎 阿里云 MongoDB Serverless版 按实际用量 无 企业级内核，比传统架构降低40%成本 亚马逊AWS...三、腾讯云数据库MongoDB的Serverless优势 腾讯云数据库MongoDB在Serverless领域展现出多项独特优势。...特别值得一提的是，腾讯云经常推出针对新用户的优惠活动，如目前的双十二大促，新用户可享受极具吸引力的价格，进一步降低了尝试Serverless MongoDB的门槛。...小型项目或初创公司可优先考虑有免费额度或入门门槛低的服务。 成本结构：仔细分析不同服务的计费方式，不仅要看计算成本，还要考虑存储、备份、网络传输等附加费用。...在选择具体服务时，建议充分利用各云厂商提供的试用机会，如腾讯云的新用户优惠，在实际场景中验证服务的性能和成本效益，找到最适合自己业务需求的Serverless MongoDB解决方案。

    60010

    TLC 大会专访王俊杰老师，与 Serverless 技术专家聊聊云原生

    能否介绍一下目前腾讯云 Serverless 云函数在行业的地位以及领先优势有哪些？ 广义的 Serverless 可以是一种理念，可以是一种架构，也可以是一种产品。...腾讯IVWeb团队2019年就在内部通用的NGW（Node Gate Way）模块中基于了腾讯云 Serverless 服务实现了 SSR。...再上层是针对各类细分引用场景的Serverless 解决方案，包括Serverless HTTP、Serverless SSR基于Web的服务，还包括消息触发、AI推理、IoT计算的解决方案。...云原生和 Serverless 会是整个大前端的发展方向吗？作为普通开发者，应该如何应对？ 作为一个Serverless从业者，同时也是一个前端老兵。...团购会更加优惠哦！联系购票小助手：13726217869（同微信） 可以扫描下图二维码，查看官网了解更多详情！ ?

    3.3K8075

    精选腾讯技术干货200+篇，云加社区全年沙龙PPT免费下载！

    猫眼娱乐基础架构负责人陈超：图解大型网站技术架构的历史演化过程； 同程艺龙机票事业群CTO王晓波：云上“多活”，同程艺龙应用架构设计与实践； 蘑菇街技术总监赵成：做容灾，双活、多活、同城、异地、多云，到底应该怎么选...2024年视频在移动端流量占比将达74%或更高，将极大促进多媒体技术发展； 5G风起，CDN边缘计算将乘风破浪； 5G风起，未来数据库有哪些关键词？...面向大前端： 腾讯专家工程师：2020年，前端发展关键词有哪些？ 一行代码解决！...iOS二进制重排启动优化； NGW，前端新技术赛场：Serverless SSR 技术内幕； Node部署和运维工作量降低80%，腾讯NOW直播是怎么做到的？...黑灰产技术手段不断“进阶”，如何防御双十二“羊毛党”？ 几乎所有企业都要参加的网络安全大考，应该如何准备？ 实力认证！

    17.1K164

    什么是 SSR

    同时也无需关心 SSR 服务器的性能问题，理论上 Serverless 是可以无限扩容的（当然云厂商对于一般用户是有扩容上限的）。 如何快速将 SSR 应用 Serverless 化？...既然说 Serverless 对于 SSR 来说有天然的优势，那么我们如何将 SSR 应用迁移到Serverless 架构上呢？...云厂商一般会提供云对象存储功能，腾讯云叫 COS（对象存储），用它来存储我们的静态资源有天然的优势。而且开始使用有 50GB!!! 的免费容量（用来存喜爱的高清电影也是不错的吧~）。...同时也无需关心 SSR 服务器的性能问题，理论上 Serverless 是可以无限扩容的（当然云厂商对于一般用户是有扩容上限的）。 如何快速将 SSR 应用 Serverless 化？...既然说 Serverless 对于 SSR 来说有天然的优势，那么我们如何将 SSR 应用迁移到Serverless 架构上呢？

    11.2K10

    看懂 Serverless SSR，这一篇就够了！

    有了SPA，整个应用程序代码将变得更加整洁。这次我们有两个单独的代码库，一个代表实际的SPA，另一个代表应用程序连接的后端或API。...您知道吗，只需模拟普通用户，等待完整的UI生成，获取最终的HTML，然后就可以使用？...如果是的话，它将仅获取新的SSR HTML并将无效请求发送到CDN。 同时，有以下几点需要注意： 首先，对于每次页面访问，我们都会调用Lambda函数。...更新后，我们绝对不想将网站的所有页面都标记为过期，对吗？因此，自然而然地出现的问题是：有没有一种方法可以使我们更有效，并且只对实际上包含更新菜单的页面的缓存无效？...Serverless Framework 是构建和运维 Serverless 应用的框架，简单三步，即可通过 Serverless Framework 快速实现服务部署。

    8.5K41

    前端福音：Serverless 和 SSR 的天作之合

    同时也无需关心 SSR 服务器的性能问题，理论上 Serverless 是可以无限扩容的（当然云厂商对于一般用户是有扩容上限的）。 如何快速将 SSR 应用 Serverless 化？...既然说 Serverless 对于 SSR 来说有天然的优势，那么我们如何将 SSR 应用迁移到Serverless 架构上呢？...Serverless 部署方案的优化 至此，我们已经成功将整个 Next.js 应用迁移到腾讯云的 Serverless 架构上了，但是这里有个问题，就是所有的静态资源都部署到了云函数 SCF 中，这就导致我们每次页面请求的同时...云厂商一般会提供云对象存储功能，腾讯云叫 COS（对象存储），用它来存储我们的静态资源有天然的优势。而且开始使用有 50GB!!! 的免费容量（用来存喜爱的高清电影也是不错的吧~）。...较传统方案是否有不足？ 跟传统的 SSR 服务做对比，我专门找了一台传统服务器，然后部署相同的 Next.js 应用。分别进行压测和性能分析。

    6.3K2118

    快速部署 Next.js 博客到 Serverless SSR

    近期，腾讯云 Serverless 团队发布了 Serverless SSR 产品，支持将 Next.js，Nuxt.js 等框架的应用快速部署和托管，那么，今天我们就通过一个 Next.js 官方案例一起...，来了解下该产品有哪些特性吧！...和 SSG）及数据获取 动态页面的路由 API 路由（Serverless 函数） 和 Github Actions 等 CI 打通 接下来，我们可以将这个博客快速部署到 Serverless SSR...在这个过程中，Serverless SSR 会自动执行 CI 流程，做环境的初始化，安装 Serverless CLI，对项目进行 npm run build 构建，并且自动通过 layer 层对依赖进行分离...访问页面 至此，一行代码都没有改，我把博客无缝部署到了腾讯云 Serverless SSR 平台上托管。 最终的页面展示如下所示，一个基于 Next.js SSR 的博客页面就快速上线完成了！ ?

    5.5K50

    诚心求问：做一个 Serverless SSR 需要几步？

    做一个 Serverless SSR 虽然不是把大象装进冰箱这样的问题，但是同样让很多开发者望而生畏 —— 因为网上关于 SSR 和 Serverless 的教程太多，动辄很大篇幅，很多步骤。...但是现在，开发者可以有一种 “冰箱装大象” 的方式来完成一个 Serverless SSR： 你需要有一个 SSR 框架 ：Next.js 你需要有一个 Serverless 框架 ：Serverless...Framework 然后，只要将你的 SSR 框架一步装入 Serverless Framework！...跟着我一起做吧，几分钟完成一个 Serverless SSR 的模式： 首先，你需要有一个 SSR 框架，下面我们创建并初始化一个 Next.js 项目。...到这里，你就成功部署了 Serverless SSR！ ? 查看和管理你的 SSR 项目 刚才的步骤，我们完成了 Next.js 框架的 Serverless 方式部署。

    2.6K31
    点击加载更多

    相关资讯

    热门标签

    更多标签

    活动推荐

      运营活动

      活动名称
      广告关闭

      腾讯云开发者

      扫码关注腾讯云开发者

      扫码关注腾讯云开发者

      领取腾讯云代金券

      热门产品

      热门推荐

      更多推荐

      Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有

      深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 粤公网安备44030502008569号

      腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号

      领券