如何将 SvelteKit 部署到 DigitalOcean App Platform

为什么选择 DigitalOcean App Platform

SvelteKit 简单易用，是 Web 开发者的绝佳选择。它在 Stack Overflow 开发者调查中如此受欢迎，也就不足为奇了。在部署方面，DigitalOcean App Platform 保留了开发者喜爱的简单性，同时在高流量系统的价格上也没有做出牺牲。所以在本教程中，我们将一起把一个简单的 SvelteKit 应用部署到 DigitalOcean App Platform 上。

将 SvelteKit 部署到 DigitalOcean App Platform

本教程的所有代码都可以在这个 GitHub 仓库中找到。

创建 SvelteKit 应用

为了演示，我会使用默认的示例应用，你也可以用任何自己喜欢的应用跟着做。首先，我们用 SvelteKit 文档“入门”部分提供的代码创建一个示例应用。

npm create svelte@latest my-app
# 按提示选择安装设置……
cd my-app

配置 Node 适配器

接下来，我们需要配置 Node 适配器，为部署做准备。SvelteKit 文档中有一节很好地介绍了 Node 适配器，我们按照它来操作。

只需运行：

npm i -D @sveltejs/adapter-node

然后把 svelte.config.js 更新为：

import adapter from '@sveltejs/adapter-node';

export default {
	kit: {
		adapter: adapter()
	}
};

完成这些步骤后，从 package.json 中移除 @sveltejs/adapter-auto。

准备 DigitalOcean 部署

接下来，我们需要把 SvelteKit 应用部署到 DigitalOcean。首先创建一个应用并连接我们的仓库，以启用自动部署。第一步是选择你的代码托管服务商。我用的是 GitHub，所以我选择了 GitHub，并授予 GitHub 查看这个仓库的权限。 接下来，应用已经配置好了，我们应该点击仓库名称右侧的“编辑”，编辑应用设置，为部署做准备。

配置 DigitalOcean App Platform 部署

在这里，我们把运行命令改为 node build，把 HTTP 端口改为 3000。 接下来，回到资源页面，编辑你的套餐。选择最适合你使用场景的套餐，我选的是每月 5 美元的基础套餐。 之后一路点击“下一步”，直到看到“创建”。对于更复杂的项目，还需要配置更多设置。

配置 DNS

接下来，我们可以把应用指向自己的自定义域名，这样就不必使用 DigitalOcean 提供的默认域名。我打算使用 DigitalOcean 的自定义域名服务器，让它全权管理我的 DNS，所以我打开了 DNS 服务商的页面，在自定义域名服务器部分添加了以下记录：

ns1.digitalocean.com
ns2.digitalocean.com
ns3.digitalocean.com

完成！

如果对本文有任何疑问或其他问题，欢迎联系我：blake dot deckard dot personal at gmail dot com。