freeCodeCamp.org
·
如何从Hello World走向构建实际应用
💡
原文英文，约5000词，阅读约需18分钟。
📝
内容提要
许多开发者通过简单项目入门编程，但常停留在初级阶段。雇主希望看到能解决实际问题的项目。本文旨在帮助开发者超越基础，学习构建和部署实际应用，最终实现一个可用的背景去除工具。
🎯
关键要点
- 许多开发者通过简单项目入门编程，但常停留在初级阶段。
- 雇主希望看到能解决实际问题的项目。
- 本文旨在帮助开发者超越基础，学习构建和部署实际应用。
- 许多开发者认为自己不够了解，无法构建真实应用。
- 开发者应该构建已有的工具，解决真实问题。
- 我们将构建一个背景去除工具，使用简单的前端和后端技术。
- 后端是处理图像的程序，使用Python和FastAPI构建。
- 前端使用HTML、CSS和JavaScript，允许用户上传图像并显示处理结果。
- 部署后端到云端，使用Google Cloud Run。
- 前端可以通过GitHub Pages进行部署。
- 成功连接前端和后端，解决真实的浏览器安全规则。
- 构建的应用不仅仅是初学者项目，而是一个真实的应用。
- 通过构建项目获得经验，而不是等待掌握更多知识。
- 可以继续改进用户界面，添加新功能，构建更多工具。
❓
延伸问答
如何从简单项目转向构建实际应用？
开发者可以通过学习构建和部署实际应用，解决真实问题，超越基础项目。本文提供了构建背景去除工具的具体步骤。
构建实际应用需要哪些基本知识？
开发者需要掌握基本的HTML、CSS和JavaScript，以及Python的基本知识，了解如何处理图像和发送请求。
如何选择构建的应用项目？
可以选择已有的工具进行复制和改进，关注那些解决真实问题的简单应用，如背景去除工具或URL缩短器。
如何将后端应用部署到云端？
可以使用Google Cloud Run进行部署，确保后端代码在GitHub上，并配置好requirements.txt文件以安装所需的库。
前端如何与后端进行交互？
前端通过发送HTTP请求与后端交互，使用JavaScript的fetch API将用户上传的图像发送到后端，并接收处理后的结果。
如何处理浏览器的CORS问题？
需要在后端代码中添加CORS中间件，允许特定的前端地址进行请求，以解决跨域问题。
➡️
