文档建议反馈控制台
首页
学习
活动
专区
圈层
工具
MCP广场
文章/答案/技术大牛
发布

看过这么多静态网站托管，这么快的页面渲染还是头一次

很多时候我们都希望首屏速度快，SEO友好，那么相比于客户端渲染的 SPA，SSR 在 SEO 方面有明显的优势，在之前的 Next.js 的文章中，就有同学说要 Next.js 的 SSR，现在，它来了...= require('serverless-http') const app = next({ dev: false }) const handle = app.getRequestHandler(...) exports.main = async function(...args) { await app.prepare() return serverless((req, res) => {...那我们上传到了哪里了呢？我们进入到云开发管理页面： 我们看到在云函数的函数代码中可以找到我们刚才上传的文件。...点击预览即可浏览页面啦，在函数配置可以通过触发云函数来进行浏览我们的页面： 06 效果对比 我们通过对比查看 通过SSR渲染的页面加载速度 非SSR的加载速度 可以看到有明显的速度提升！！！

1.2K30
    • 您找到你想要的搜索结果了吗？
    是的
    没有找到

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

    后期全面Serverless化。页面渲染：将SSR（服务端渲染）逻辑部署为Serverless函数（如阿里云FC、AWSLambda），配合CDN边缘节点。...SSR：商品详情页的个性化推荐、实时库存价格。通过Serverless函数在边缘按需渲染。CSR：用户后台、配置页面等私密、强交互场景。...SSR缓存：对匿名用户访问的相同URL页面（如爆品详情页），在Serverless边缘进行HTML输出缓存，缓存键需包含URL、设备特征、AB测试分组。...五、典型场景实战案例：双11大促会场背景：双11主会场，承载全站最大流量入口，页面内容需根据实时赛况（如品牌排名）每秒更新，且要支持运营在最后一分钟调整坑位。...弹性扩容：所有SSR函数、BFF函数、WebSocket连接器均部署为Serverless，根据CPU/并发数指标自动弹性扩容，理论无限容量。

    89020

    NGW，前端新技术赛场：Serverless SSR 技术内幕

    那么对于前端来说，Serverless 意味着什么？对于 Node 服务来说，哪里可以落地 Serverless？ 答：Serverless 同构直出渲染 Serverless + SSR = ?...若能将 Serverless 技术落地到 SSR 场景，将会有如下优点： 云服务资源理论上无限扩容，前端不必考虑业务量对 SSR 机器性能的影响 前端同学无需关注 SSR 机器的运维、申请、扩容，减少部署运维成本...，提高开发效率 目前腾讯 NOW 直播 IVWEB 团队正逐步将 SSR 业务迁移到腾讯云云函数平台上，精简部署运维成本。...公有云基础设施上的 Serverless 演进 考虑到直出服务的特性，阿 J 认为直出业务十分适合上 Serverless，因此他立马开始了直出上云的预研，做 Serveless SSR 服务，免去运维部署烦恼...现状和下一步计划 目前 NGW + Serverless SSR 已经应用到 NOW 直播、手 Q 附近、浏览器直播和手 Q 群送礼等多个项目中，实际业务开发中，Node 业务的部署和运维工作量降低了

    8.3K54

    NGW，前端新技术赛场：Serverless SSR 技术内幕

    那么对于前端来说，Serverless 意味着什么？对于 Node 服务来说，哪里可以落地 Serverless？ 答：Serverless 同构直出渲染 Serverless + SSR = ?...若能将 Serverless 技术落地到 SSR 场景，将会有如下优点： 云服务资源理论上无限扩容，前端不必考虑业务量对 SSR 机器性能的影响 前端同学无需关注 SSR 机器的运维、申请、扩容，减少部署运维成本...，提高开发效率 目前腾讯 NOW 直播 IVWEB 团队正逐步将 SSR 业务迁移到腾讯云云函数平台上，精简部署运维成本。...公有云基础设施上的 Serverless 演进 考虑到直出服务的特性，阿 J 认为直出业务十分适合上 Serverless，因此他立马开始了直出上云的预研，做 Serveless SSR 服务，免去运维部署烦恼...目前 NGW + Serverless SSR 已经应用到 NOW 直播、手 Q 附近、浏览器直播和手 Q 群送礼等多个项目中，实际业务开发中，Node 业务的部署和运维工作量降低了 80% 以上。

    1.6K30

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

    上一篇文章，分享了《NGW，前端新技术赛场：Serverless SSR 技术内幕》，本篇文章，将分享腾讯NOW直播在Serverless技术的探索实践。...凭借着高级工程师的一双能手，阿特一步步地终于将业务成功上线了。他松了一口气，看了一下时间，沉默了许久。...目前 NGW 已经支持同构 SSR 的 Serverless 化方案，并且已接入多个项目在线上通过验证，成功率接近 99.99%（数据来自内部打点统计系统）。 ?...九、现状 Serverless SSR ? 目前 NGW + Serverless SSR 已经应用到 NOW 直播、手 Q 附近、浏览器直播和手 Q 群送礼等多个项目中。...NGW，前端新技术赛场：Serverless SSR 技术内幕 ?

    1.2K62

    【玩转腾讯云】征文活动获奖名单公布

    一分钟快速上手搭建宝塔管理面板 【玩转腾讯云】九.云开发CloudBase快速上手hexo博客 【玩转腾讯云】十.通过Web浏览器对CVM服务器运维管理 【玩转腾讯云】十一.轻松打造一款好用的私有云笔记 【玩转腾讯云】十二...免费运营微信公众号 【玩转腾讯云】万物皆可Serverless之使用SCF+COS快速开发全栈应用 【玩转腾讯云】万物皆可Serverless之使用SCF+COS给未来写封信 【玩转腾讯云】万物皆可Serverless...【玩转腾讯云】万物皆可Serverless之我的Serverless之路 【玩转腾讯云】万物皆可Serverless之Kaggle+SCF端到端验证码识别从训练到部署 【玩转腾讯云】万物皆可Serverless...【玩转腾讯云】秒杀系统实战 | 缓存与数据库双写一致性深度分析 叶梅树 【玩转腾讯云】Texture ASCollectionNode 结合腾讯云TRTC实现多人上台直播 Azero 【玩转腾讯云】飞一样的感觉...CVM实践(CICD如此简单) XaDon 【玩转腾讯云】 Web 云开发作为企业微信机器人教程 【玩转腾讯云】Web 云开发作为 Github Hook 【玩转腾讯云】在云函数里为 Next.js 跑 SSR

    13.4K6643

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

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

    1.9K20

    FaaS真香到肉疼：什么时候该从Serverless退回K8s？

    FaaS真香到肉疼：什么时候该从Serverless退回K8s？我是 Echo_Wish。这几年做云原生，Serverless/FaaS 基本绕不开。...刚开始接触的时候，很多人的第一反应都是：“不用买服务器、不用管机器、按调用次数付费，这不就是白嫖吗？”确实香。以前部署一个接口，得准备服务器、装环境、配 Nginx、搞进程守护、配监控，还得考虑扩容。...因为你根本不用关心：服务器买多少；CPU 配多少；内存配多少；怎么扩容；机器闲着怎么办。请求来了就执行，请求没了就不计费。这时候 Serverless 是非常划算的。但是业务增长以后，情况发生变化。...三、第一个信号：账单开始跟业务量“线性增长”假设你的函数：单次执行：CPU：1 vCPU内存：512MB平均执行时间：200ms一个月调用：1亿次你可能觉得：“一次才200ms，能贵到哪里去？”...这才是 Serverless 最大的价值。十二、我更推荐的，其实是“混合架构”很多人喜欢问：“到底选 Serverless 还是 K8s？”我的答案是：为什么一定要二选一？

    12610

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

    是的，但是这些应用生产版本将会被存储在哪里呢？ 提供给用户浏览器的内部版本与我们先前使用的内部版本没有什么不同，即按需预渲染方法，并且以相同的方式将其存储在一个简单的S3 bucket中。...Serverless Framework 免费试用名额已开放，我们诚邀您来试用和体验最便捷的 Serverless 开发和部署方式。...Serverless Framework 落地 Serverless 架构的全云端开发闭环体验，覆盖编码、运维、调试、部署等开发全生命周期。...Serverless Framework 是构建和运维 Serverless 应用的框架，简单三步，即可通过 Serverless Framework 快速实现服务部署。...1、创建本地应用 通过 npm 安装 Serverless $ npm install -g serverless 基于 tencent_nodejs 模板创建 hello_world $ serverless

    8.4K41

    2017 年一定不要错过的五本编程书籍 | Phodal 书单

    最近几个月看了不少书，觉得有几本甚是不错，如干货满满的《编程风格》，概念普及中的《Serverless架构:无服务器单页应用开发》。便撰文一篇，简单地介绍一下这几本书。...这个时候，你不妨试一试 Serverless，即：你的后台运行在 Web 服务之上，而不是 Web 服务器。 传统的后台，我们需要自己登录到服务器，然后部署上我们的应用。...而 Serverless 则是，我们使用 Lambda 服务编写一些业务逻辑，并设置好数据库、认证授权、日志等等的一系列服务，那么我们再去完成前台部分的逻辑即可。...当然如果你有钱，又没有时间，那么你就可以买、买、买。 毕竟这是一本主要以介绍 Spring Cloud 为主的书，而不是一本介绍微服务的书。...因此，建议 1~2 年经验的开发者可以试试，如果是多年经验的，那么建议阅读《十二要素方法》。

    1.7K70

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

    Serverless.com 公司的产品 Serverless Framework 是全球最受欢迎的 Serverless 开发平台，Github 上拥有近 3.5 万的 star。...2020 年重点发力的场景主要聚焦于泛互联网行业和音视频行业，既包括Serverless HTTP、Serverless SSR基于HTTP的服务，也涵盖音视频转码、数据抽取转换 ETL、日志处理、IoT...，无论是前端的静态托管需求、小程序/H5，还是大前端的BFF、SSR、RESTful API 和Serverless都有比较好的结合。...当前，Node.js 和 Serverless 技术确实拓展了开发者、尤其是前端团队的技术边界，例如服务端渲染（SSR），BFF（Backend for Frontend）等场景。...然而细心的读者可以发现，问题逐渐变为十一问，十二问。因为在实际采访过程中我发现，十个问题的答案不足以将嘉宾思考上的高度展示给大众。

    1.7K20

    【长文慎入】一文吃透React SSR服务端同构渲染

    获取数据的方法和逻辑写在哪里？ 发现数据获取的 fetch 写的独立的方法，和组件没有任何关联，我们更希望的是每个路由都有自己的 fetch 方法。...同构才是核心 react ssr 的核心就是同构，没有同构的 ssr 是没有意义的。 所谓同构就是采用一套代码，构建双端（server 和 client）逻辑，最大限度的重用代码，不用维护两套代码。...文章走到这里，相信你已经知道了路由同构，所以上面的第一个问题 ：【双端路由如何维护？】 解决了。 数据同构（预取同构） 这里开始解决我们最开始发现的第二个问题 - 【获取数据的方法和逻辑写在哪里？】...好了，到这里我们的第二个问题 - 【获取数据的方法和逻辑写在哪里？】 解决了。...但是ssr无效了，查看网页源代码无内容。 动态路由 SSR 双端配置 ssr无效了,这是什么原因呢？

    4.4K21

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

    猫眼娱乐基础架构负责人陈超：图解大型网站技术架构的历史演化过程； 同程艺龙机票事业群CTO王晓波：云上“多活”，同程艺龙应用架构设计与实践； 蘑菇街技术总监赵成：做容灾，双活、多活、同城、异地、多云，到底应该怎么选...只有5G而没有视频压缩，那么多媒体传输一切都是0； 捕捉Serverless前沿： 4招教你基于 Serverless 快速构建应用； Serverless 2.0 重磅发布，无服务器时代来临； Serverless...Serverless开发者工具上手实践 │ 腾讯云大学； 前端学Serverless系列--性能调优； 使用 Serverless 进行 AI 预测推理； 腾讯云成为Serverless.com大中华区独家合作伙伴...iOS二进制重排启动优化； NGW，前端新技术赛场：Serverless SSR 技术内幕； Node部署和运维工作量降低80%，腾讯NOW直播是怎么做到的？...黑灰产技术手段不断“进阶”，如何防御双十二“羊毛党”？ 几乎所有企业都要参加的网络安全大考，应该如何准备？ 实力认证！

    17K164

    【长文慎入】一文吃透React SSR服务端同构渲染

    获取数据的方法和逻辑写在哪里？ 发现数据获取的 fetch 写的独立的方法，和组件没有任何关联，我们更希望的是每个路由都有自己的 fetch 方法。...同构才是核心 react ssr 的核心就是同构，没有同构的 ssr 是没有意义的。 所谓同构就是采用一套代码，构建双端（server 和 client）逻辑，最大限度的重用代码，不用维护两套代码。...文章走到这里，相信你已经知道了路由同构，所以上面的第一个问题 ：【双端路由如何维护？】 解决了。 数据同构（预取同构） 这里开始解决我们最开始发现的第二个问题 - 【获取数据的方法和逻辑写在哪里？】...好了，到这里我们的第二个问题 - 【获取数据的方法和逻辑写在哪里？】 解决了。...但是ssr无效了，查看网页源代码无内容。 动态路由 SSR 双端配置 ssr无效了,这是什么原因呢？

    4.6K62

    今天双11，和心爱的她一起去「云露营」

    ---- 新智元报道 编辑：编辑部 【新智元导读】这个天猫双11，酷炫的AI技术，为你我打造了一场如梦似幻的沉浸式购物之旅。 今年双11，你买什么了？...如果相中了准备买，只要简单一划，就直接跳转到购买页面了，剁手比过去更方便了有没有！ 就比如说，现在的电视一个比一个大，我怎么知道挂在我家的墙上效果如何？...让我们走进任意门，看看会通向哪里？ 进入了一个很酷炫的虚拟空间。 让我们选择这个空间。只见一座缥缈的水云阁楼，烟斜雾横，廊腰缦回，还有一棵红叶古树。竟然是…… 小兰花的司命殿！...通过全面上云和深度用云，为阿里业务的敏捷创新及消费体验的变革奠定了坚实基础，也让阿里的技术架构不断向serverless的方向演进。...在经历过去三年的坚实「三步走」之后，今年双11成为阿里全面serverless、深度用云的元年。

    22.5K40

    自定义开发哪家强？腾讯云TCHouse-X零门槛上手指南

    为什么自定义开发成了硬需求 业务逻辑复杂：风控规则、推荐算法、实时特征，都需要专属函数； AI 大模型落地：需要在 SQL 里直接调用 PyTorch / TensorFlow； 2025 年降本增效：不想为一次实验长期包月买集群...平台必须提供“SQL + 代码”双引擎，才能跑得快、省得多。...灵活弹性：代码也能按秒计费 官网描述：“提供分时/自动/Serverless三种策略，秒级调整资源”。...• 金融特征工厂：券商将500+自定义特征函数托管在TCHouse-X，Serverless按需调用，峰值节省GPU费用70%。...腾讯云TCHouse-X用一体化架构、秒级Serverless弹性和1折首月价，把“写代码+跑SQL”的门槛降到最低。现在就打开官网，10分钟后你就能在SQL里跑出自己的第一个AI函数。

    61310

    Next.js + 云开发Webify 打造绝佳网站

    Next.js酷在哪里？ 之前使用 Next.js + strapi 做了一个简单博客站点也顺道写了一篇 Next.js 简明教程，之后 Next 本身一直在迅猛发展。...利用代 js 能力来说做到了： 极佳的开发体验 极佳的网站最佳的”动“，“静”平衡 从特性上来说，支持： SSR(Server Side Rendering) 提供 getServerSideProps...在这里就隆重地有请我们的解决方案：腾讯云开发Webify，简单来说就是类似 vercel 的 Serverless 托管服务，不过支持更多的框架，而且是国内服务商，便宜且访问速度一流。...cool～～ 问题是如果你的站点数据来源于类似 strapi 这种 serverless cms 怎么办？...Webify高阶——自动化Webify 其实方法也很简单，加一个桥接服务，让你的 serverless cms 的更新变动到 git 就好。

    2.1K30

    Next.js + 云开发Webify 打造绝佳网站

    01 Next.js酷在哪里？ 之前使用 Next.js + strapi 做了一个简单博客站点也顺道写了一篇 Next.js 简明教程，之后 Next 本身一直在迅猛发展。...利用代 js 能力来说做到了： 极佳的开发体验 极佳的网站最佳的”动“，“静”平衡 从特性上来说，支持： SSR(Server Side Rendering) 提供 getServerSideProps...在这里就隆重地有请我们的解决方案：腾讯云开发Webify，简单来说就是类似 vercel 的 Serverless 托管服务，不过支持更多的框架，而且是国内服务商，便宜且访问速度一流。...cool～～ 问题是如果你的站点数据来源于类似 strapi 这种 serverless cms 怎么办？...03 Webify高阶——自动化Webify 其实方法也很简单，加一个桥接服务，让你的 serverless cms 的更新变动到 git 就好。

    1.7K20
    点击加载更多

    相关资讯

    热门标签

    更多标签

    活动推荐

      运营活动

      活动名称
      广告关闭

      腾讯云开发者

      扫码关注腾讯云开发者

      扫码关注腾讯云开发者

      领取腾讯云代金券

      热门产品

      热门推荐

      更多推荐

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

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

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

      领券