DEV Community
·
使用DeployHQ将React观看清单追踪应用部署到生产环境
💡
原文英文，约7600词，阅读约需28分钟。
📝
内容提要
本文介绍了自托管和设置服务器以部署网络应用程序的两种策略：虚拟专用服务器（VPS）和共享托管平台。VPS提供更多控制和自定义，但技术要求较高；共享托管平台适合初学者，提供预设工具和支持。文章还描述了构建简单电影观看清单应用的过程，包括后端和前端技术栈、环境设置及部署步骤，并强调了使用DeployHQ简化部署的重要性。
🎯
关键要点
- 本文介绍了自托管和设置服务器以部署网络应用程序的两种策略：虚拟专用服务器（VPS）和共享托管平台。
- VPS提供更多控制和自定义，但技术要求较高；共享托管平台适合初学者，提供预设工具和支持。
- 文章描述了构建简单电影观看清单应用的过程，包括后端和前端技术栈、环境设置及部署步骤。
- 使用DeployHQ简化部署的重要性被强调。
- VPS是一个虚拟机，提供专用服务器资源，适合需要高度自定义的开发者。
- 共享托管平台提供工具和基础设施，适合快速构建和部署应用，适合初学者。
- VPS通常需要付费，但提供更高的性能和自定义选项；共享托管平台有免费计划，适合普通消费者。
- Watchlist Tracker应用是一个简单的全栈CRUD应用，用于跟踪电影观看清单。
- 应用允许用户添加、更新和删除电影，提供简单的界面以组织观看清单。
- 构建应用前需要设置开发环境，包括VS Code、Node.js、GIT、Bun、Vite、SQLite和PM2等工具。
- 后端使用Bun、Hono和Prisma ORM，前端使用Vite、Tailwind CSS和TanStack Router。
- Hetzner是一个可靠的云托管提供商，适合部署应用。
- DeployHQ简化了从Git、SVN和Mercurial仓库到服务器的部署过程。
- 文章详细介绍了如何构建后端和前端，包括创建API、设置数据库和测试端点。
- 部署应用到GitHub和Hetzner的步骤被详细描述，包括创建SSH密钥和设置防火墙。
- 使用PM2管理后端和前端服务，确保应用始终在线。
- DeployHQ提供安全的部署方式，避免直接使用git pull，确保代码安全。
❓
延伸问答
如何选择合适的托管平台，VPS和共享托管有什么区别？
VPS提供更多控制和自定义，适合需要高度自定义的开发者，但技术要求较高；共享托管平台适合初学者，提供预设工具和支持，使用更简单。
Watchlist Tracker应用的主要功能是什么？
Watchlist Tracker应用是一个全栈CRUD应用，允许用户添加、更新和删除电影，帮助用户跟踪观看清单。
在构建Watchlist Tracker应用之前需要准备哪些开发环境？
需要安装VS Code、Node.js、GIT、Bun、Vite、SQLite和PM2等工具。
DeployHQ在应用部署中起什么作用？
DeployHQ简化了从Git、SVN和Mercurial仓库到服务器的部署过程，确保应用代码在生产环境中始终保持最新。
如何将Watchlist Tracker应用部署到Hetzner？
首先在Hetzner创建账户并购买服务器，然后设置防火墙，配置Linux环境，最后上传应用代码并运行。
VPS的使用场景有哪些？
VPS适合用于网站托管、应用托管、游戏服务器、VPN、数据库托管等多种场景。
➡️
