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，确保代码安全。
➡️
