Page 1 of 1

Astro 作为服务器呈现的网站

Posted: Thu Jan 16, 2025 9:06 am
by asikurrahmanshuvo
如果您的 Astro 项目依赖动态数据(例如登录状态和电子商务购物篮的身份验证),或者您需要在请求时从 API 获取数据,则可以将项目配置为作为服务器端渲染 (SSR) 网站运行。这意味着每次有人向您的网站发出请求时,页面都会在服务器上运行时构建(由 Netlify 无服务器函数提供支持),然后再发送回浏览器。您可以配置缓存 - 但默认情况下,Astro SSR 网站未缓存。

在撰写本文时,Astro 中的 SSR 目前是一个全有或全无的选择。当您在 Astro 中启用 SSR 时,目录中的每个路由都pages将成为服务器渲染的路由 - 在 Netlify 上,它在后台使用 Netlify 函数。

要在 Netlify 上的 Astro 中启用 SSR,请将 Netlify 适配器安装到项目的依赖项中。

接下来,通过导入依赖项、将 Netlify 适配器功能添加 马其顿whatsapp数据 到默认导出并指定将适配器添加到您的文件中output: server。

在 Astro 官方文档中了解有关 SSR 和 Astro 的更多信息。

Astro 是一个边缘渲染网站
在撰写本文时,Netlify Edge Functions 和 Astro on The Edge 是测试版中的实验性功能。下面描述的功能和实现可能会发生变化!

我们在 2022 年 4 月推出Netlify Edge Functions期间与 Astro 团队合作,让您可以选择在The Edge上对整个 Astro 项目进行服务器端渲染。这意味着,对于每个请求,Netlify 都会在距离用户最近的Edge 服务器上构建页面,然后再将其发送回浏览器,这意味着 Netlify 上的 Astro 网站对世界各地的每个人来说都是快速的。这对于电子商务网站特别有用,因为用户需要无缝且快速的体验来快速找到所需内容并进行转换 — 这样您就可以实现销售!

要在您的 Astro 网站中启用 Netlify Edge 适配器,请将netlify/functionsAstro 配置文件中的导入行更改为使用netlify/edge-functions。

前往 GitHub 查看部署到 Netlify 上的 The Edge 的 Astro 项目的完整代码示例。或者,立即使用下面的“部署到 Netlify”按钮将项目部署到 Netlify!

部署至 Netlify

现在,我们介​​绍了将新的 Astro 项目部署到 Netlify 的三种方式 - 静态站点、服务器呈现站点或边缘呈现站点 - 您已准备好开始部署。让我们看看这些选项。