隆重介绍一下？ServerMonitor！| 创建 Web 应用程序的过程

介绍🤝

这个项目是如何启动的？🙋

规划📝

正在开发中！💻

部署到 DigitalOcean 🤓

结论😎

时机已到！ 🎉🎉 🔥🔥 ServerMonitor
1.0.0 版本正式发布，感觉棒极了！💪

介绍🤝

在本文中，我想和大家分享一下我从头到尾开发我的第一个真正项目的过程。我以前经常遇到这样的问题：启动的项目总是半途而废。

或许这篇文章能激励你完成自己的项目，并坚持不懈地完成它。

这个项目是如何启动的？🙋

ServerMonitor 最初的想法很简单，就是用来检查网站是否在线。
我的目标是从最简单的开始。
之前我尝试开发 Web 应用，但构思过于庞大，无法在可控的时间内完成。要想成功完成项目，从你能想到的最小规模入手至关重要。

规划📝

为了了解网站监控 Web 应用的运作方式，我搜索了一些已经实现类似功能的网站。经过一番搜索，我找到了isitdown.site。这个网站已经实现了我想要在自己的 Web 应用中实现的所有功能。最棒的是，它是用 Flask 框架开发的，而且是开源的。在遇到一些问题时，这个网站的源代码也帮了我不少忙。

现在我知道我的项目应该是什么样子，应该如何运作了。
这帮助我找到了我必须做的第一项任务。

正在开发中！💻

启动阶段🚲

我首先要做的事情显然是创建一个新的 Flask 项目。
之后，我开始编写 Web 应用程序的基本功能。
具体来说，就是创建一个函数来检查网站的响应并将其打印到屏幕上。

一切进展顺利。
基本功能实现后，我更有动力继续开发我的项目。下一步也很明确：这款应用需要一个用户界面，以便用户还可以访问其他网站。

中场休息🚗

我觉得在开发阶段进行到一半左右的时候，我开始计划下一步要做什么。所以我在GitHub上创建了一个“项目”面板，以便更好地了解接下来需要采取的步骤。

将下一个大目标分解成若干小部分，并把它们写在看板上，这对我保持专注大有帮助。这种工作方式非常有效，因为每完成一项任务，你就可以把卡片移到“已完成”的位置。

开发过程中，我的网页应用在开发到一半的时候是这个样子。你可以看到，当时的界面设计和现在的版本差别不大，只有颜色有所不同。

当然，在这个开发阶段，这个网页应用的功能还可以比第一版更多。我添加了历史记录功能，可以查看最近访问过的 10 个网站以及一些关于这些网站本身的附加信息。

终点线✈️

在开发过程的这个阶段——也就是日历上的第 16 周和第 17 周——做了很多工作。

我……
将用户界面更新到了当前版本。
……添加了更多行，用于显示被检查网站的更多信息。
……重做了监控功能。
……添加了关于此 Web 应用程序的功能和使用方法的说明。
……重做了“信息”页面——即添加了更新日志和“联系我”表单。

啊，我还修复了一些bug。

我坚持下去的动力完全源于我的爱❤️。我希望能够圆满完成这个项目，并为此感到自豪。如果有一个坚实的基础，项目开发就会变得容易得多。你现在所做的每一件事都会扩展你的Web应用程序。

部署到 DigitalOcean 🤓

我的 Web 应用首次部署是在 4 月 20 日，正好是“收尾”周。这意味着项目开发和部署是同时进行的。

这种工作方式很明智。我的代码中有些问题是在部署到 Web 服务器后才出现的。我还在 GitHub 上创建了一个名为“发布冲刺”的新看板，并将所有发布前的待办事项都添加到了看板上。

维护 Web 服务器很费力，但也很有趣。我学到了很多关于 Bash 和服务器相关的知识。千万别低估解决问题所需的时间。我经常要花到凌晨两点才能找到解决方案。

为什么选择 DigitalOcean？

你们中有些人可能会问我为什么使用 DigitalOcean，以及为什么我如此喜欢它。

在选择 DigitalOcean 之前，我测试过 Heroku 和 AWS。经过这些测试，我的结论是：DigitalOcean 完全符合我的预期。
它的支付方式、服务器选择、简洁的用户界面以及详尽的教程都让我非常满意。

最后，如果您点击此链接后创建帐户，他们将赠送您 100 美元信用额度。

结论😎

我学到了很多。从构思到规划再到实施，我都受益匪浅。我学会了如何将大步骤分解成小步骤，并利用看板来跟踪进度，保持动力。

完成并发布一个项目会让人很有成就感。你编写的所有代码都应该以某种方式公之于众。

只有这样，编写代码才有意义。

如果你想在Twitter或Instagram上关注我，那就关注吧。未来你会收到关于 ServerMonitor 开发进展以及其他有趣话题的最新消息。

我很乐意在 Twitter、Instagram 或 dev.to 上与您讨论任何与技术相关的话题。

感谢阅读，祝您编程愉快！