Deploying your App

Cloudflare

编辑此页面

Cloudflare Pages 是面向前端开发人员的 JAMstack 平台，其中 JAMstack 代表 JavaScript、API 和 Markup。

有关更多详细信息和功能，您可以访问 Cloudflare 网站。

使用 Cloudflare 的 Web 界面

  1. 导航到 Cloudflare 登录页面并登录或注册。
  1. 登录后，在左侧导航栏中找到“页面”。单击“创建项目”添加新项目，然后选择“连接到 Git”。
  1. 您可以选择在所有仓库或选定的仓库上安装 Cloudflare Pages。选择包含您的 Solid 项目的仓库。
  1. 配置您的构建设置：
  • 项目名称将默认为仓库名称，但您可以根据需要更改它。
  • 在“构建命令”字段中，输入 npm run build 。
  • 对于“构建输出目录”字段，请使用 dist 。
  • 添加环境变量 NODE_VERSION 并将其值设置为您正在使用的 Node.js 版本。

注意：此步骤至关重要，因为 Cloudflare Pages 使用早于 v13 的 Node.js 版本，该版本可能不完全支持 Solid 项目中使用的 bundler 程序 Vite。

  1. 配置完后，单击“保存并部署”。几分钟后，您的 Solid 项目将在 Cloudflare Pages 上线，可通过格式为 project_name.pages.dev 的 URL 进行访问。

使用 Wrangler CLI

Wrangler 是构建 Cloudflare Workers 的命令行工具。以下是使用 Wrangler 部署 Solid 项目的步骤。

  1. 使用您选择的包管理器来安装 Wrangler 命令行工具：
  1. 打开终端并运行以下命令来登录：
wrangler login
  1. 执行以下命令来构建项目并使用 Wrangler 进行部署：

运行这些命令后，您的项目应该已上线。虽然终端可能会提供链接，但更可靠的是检查您的 Cloudflare Pages 仪表板中已部署的 URL，该 URL 通常采用 project-name.pages.dev 格式。

注意：请确保导航至 Cloudflare 网站仪表板中的 Speed -> Optimization settings 部分并禁用 Auto Minify 选项。这很重要，因为缩小和删除注释可能会干扰水合作用。

报告此页面问题