跳转到内容

将你的 Astro 网站部署到 Clever Cloud

Clever Cloud 是一个欧洲云平台,它提供自动化、可扩展的服务。

你可以在 Clever Cloud 上部署完全静态和按需渲染的 Astro 项目。无论你的 output 模式如何(预渲染或按需),你都可以选择,是部署为使用构建后挂钩运行的 静态应用程序,或者是部署为使用 package.json 开箱即用的 Node.js 应用程序。

Clever Cloud 上的应用程序监听端口 8080。如果你的项目需要此配置,请在 Astro 中的以下两个位置之一设置端口和主机:

  1. package.json 脚本中:

    package.json
    "scripts": {
    "dev": "astro dev",
    "start": "astro dev",
    "build": "astro check && astro build",
    "preview": "astro preview --host 0.0.0.0 --port 8080",
    "astro": "astro"
    }
  2. astro.config.mjs 中:

    astro.config.mjs
    import { defineConfig } from 'astro/config';
    export default defineConfig({
    server: {
    port: 8080,
    host: true
    }
    });

要将你的 Astro 项目部署到 Clever Cloud,你需要 创建一个新的应用程序。应用程序向导将引导你完成必要的配置步骤。

  1. 从侧面菜单栏中,单击 Create(创建) > An application(应用程序)

  2. 选择如何部署:

    • Create a brand new app(创建一个全新的应用程序):使用 Git 从本地存储库进行部署

    或是

    • Select a GitHub repository(选择一个 GitHub 存储库) :从 GitHub 部署
  3. 选择 Node.js 应用程序或 static(静态) 应用程序。

  4. 设置实例的最小大小和可扩展性选项。 Astro 站点通常可以使用 Nano 实例进行部署。根据项目的规范和依赖关系,你在从 Overview(概述) 页面查看指标时,可能需要进行相应的调整。

  5. 选择一个 region(地区) 来部署你的实例。

  6. 除非你正在使用数据库或 Keycloak,否则请跳过 Add-ons(附加组件) 连接到 Clever 应用程序

  7. 注入 environment variables(环境变量)

    • 对于 Node.js,如果你使用 npm,则不需要特定的环境变量来部署 Astro。如果你使用 yarnpnpm,请设置以下环境变量:
    终端窗口
    CC_NODE_BUILD_TOOL="custom"
    CC_PRE_BUILD_HOOK="npm install -g pnpm && pnpm install"
    CC_CUSTOM_BUILD_TOOL="pnpm run astro telemetry disable && pnpm build"
    CC_RUN_COMMAND="pnpm run preview"
    • 对于 static(静态) 应用程序,添加以下变量:
    终端窗口
    CC_POST_BUILD_HOOK="npm run build"
    CC_PRE_BUILD_HOOK="npm install && npm run astro telemetry disable"
    CC_WEBROOT="/dist"
  8. 部署完成! 如果你从 GitHub 进行部署,你的部署应该会自动开始。如果你正在使用 Git,请复制远程仓库并推送到 master 分支。

更多部署指南

贡献

你有什么想法?

社区
京ICP备15031610号-99