部署的网站太多?搭一个能监控状态的导航站

类似的网站导航还挺多的,我之前看到了一个挺好看的在线网站,能够创建自己的页面,可惜是付费的。

所以我自己搭了一个简单的,目前就是作为我自己的一个站点集合,网站数据存在mongodb中,同时通过uptimerobot获取网站状态。

佬们有什么建议直接说就好,我随时调整,项目是开源的,随便搞。


界面还算比较美观,卡片式布局,移动端显示有优化,根据类别分类,点击名称直接跳转

卡片右下角是从uptimerobot获取到的网站状态,点击即可显示详情

直接点击卡片显示网站详情,点击图片还可以放大查看

同时实现了一个简单的管理员界面,可以随时增删改网站信息


暂时就这么多

27 个赞

mark

1 个赞

不戳不戳,大佬真强,我的建议就是,希望serv00上可以部署 :tieba_087:

没必要呀,这个就是在vercel上部署的,不需要实体机的

大佬,右下角绿色是代表存活是吗,如果挂了是不是会变红色。

感觉这个界面现在非常看,不过缺个 总览 可以一眼定位所有网站是否存活。

我个人想法是,可以在页面最顶端加个 总览 ,比如类似于github上那种绿格子比较清爽,可以和右下角一样一闪一闪的我觉得还挺好看的,一个网页就是一个格子,活着就是绿的,挂了就是灰色格子或红色格子,然后点击格子可以直接定位到我们这个页面挂网站的那个位置。


不过,如果添加的网站太多,这个格子势必会很多影响美观,所以还需要一个 展开/收起 的功能,可以设计成一个点或者心什么的(进度条之类的),都活着就是:green_circle:,有网页挂了就是:red_circle:。然后,点击这个点可以展开亮出格子。

纯个人想法,可能想的有点多 :tieba_087:

2 个赞

你这个需求倒是更偏向于status监控

1 个赞

问了下ai什么是status监控,好像是这个意思 :laughing: :laughing:

顺手又搜了下uptimerobot,结果他这个主页居然正是我刚才想表达的意思(一个点或进度条) :joy:

1 个赞

佬,开源项目链接在哪:thinking:在找哪个项目是
看到了,感谢大佬分享,研究下怎么部署

2 个赞

点赞,谢谢大佬

1 个赞

厉害,可以作为个人作品/project 展示

2 个赞

感谢你的分享。

2 个赞

可恶啊,凌晨github账号上不去,第一个叉子不是我的 :tieba_025:

2 个赞

不错很有用

2 个赞

简洁美观 顺便问下背景能否自定义

2 个赞

需要的话,没问题的

1 个赞

是的呢,只是我更需要的是一个导航站

1 个赞

还没得写教程呢,可以等等

2 个赞

不错,很有用,刚好可以试一试

2 个赞

操作貌似有点卡顿

1 个赞

2 个赞