主机参考
| 主机参考：VPS测评参考推荐/专注分享VPS服务器优惠信息！若您是商家可以在本站进行投稿，查看详情！此外我们还提供软文收录、PayPal代付、广告赞助等服务，查看详情！ |
| 我们发布的部分优惠活动文章可能存在时效性，购买时建议在本站搜索商家名称可查看相关文章充分了解该商家！若非中文页面可使用Edge浏览器同步翻译！PayPal代付/收录合作 |
v1.3.0 更新：
– 拆分配置文件到 config.js；
– 新增“日志天数”配置；
– 新增“是否显示链接”配置（由 @FXIT 提出）；
更新食用说明：
不需要改 index.html 了，压缩包中多了个 config.js 改里面的就行了。
上次被 @hanada 大佬忽悠说 webpack 大家都会，所以昨天匆匆忙忙就直接把项目扔 github 上了，你们找他找他 
说正事，目前已经在 GitHub 上放出编译好的文件，什么环境都不需要！
不需要PHP！不需要nodejs！不需要宝塔！只需要一个支持html的纯静态空间都可以！
包括又拍云！OSS！七牛！啥都行！什么 worker 什么乱七八糟的都可以！
最简单的食用方式：
1. 下载最新版 https://github.com/yb/uptime-status/releases/latest
2. 解压缩压缩包；
3. 打开 config.js 文件；修改你的 apikey 和其它配置（已经做了注释，去掉了代码压缩）
4. 完事！
顺便说一下 1.2.0 的更新：
1. 修复了 @hanada 大佬发现一个 bug；
2. 把网站标题、网站地址、导航栏菜单，全部做了可配置化！真正零编译定制！具体的打开 index.html 看注释就明白了！
最后！
这个代码是依赖 UptimeRobot 的！你需要先注册个 UptimeRobot！拿到 apikey！免费的！
所以不要再问我检测线路的问题了！不是我这个代码检测！是 UptimeRobot 去检测的！
Mr.： 前排支持一下
mlc： 支持一下，以前一直在用这个：https://github.com/nerdbaggy/StatusPage，也是用的uptimerobot的api，不过LZ这个显然好看许多
work： 支持一下吧 我还是喜欢直接装 ganglia-webfront
h20： hanada大佬出来挨打
BJY678： 演示站一直在转圈圈 是的问题还是你的问题
robot： 是 UptimeRobot 的问题，它家接口有概率返回不带跨域标识的 header，然后就一直转圈圈了，刷新一下就好。 后续版本会加入自动重连。
注册： 搞个编译完 丢上去了~
citywar： 火钳刘明一下
cem： 这个我还真有写一个。。。监控 vpshared 的虚拟主机库存。。。
Mr.： 搭了一个编译一个没编译表示支持！
b66667777： 效率挺高啊，支持
注册： 楼主效率高啊，搞了个域名 status.ac.cn 目前用的是编译的，试下不用编译的
zxzf： 支持大佬，效率真高 — 低价年抛域名5元起，看签名获取更多详情
Mr.： 不是，这不就是修改uptime-status-1.2.0uptime-status-1.2.0public目录下的index.html单文件，把在https://uptimerobot.com/dashboard#mySettings里面的Read-Only API Key替换这里// 支持 Monitor-Specific 和 Read-Only 两只 Api Key ApiKeys: [ ‘m784488775-dd1ad84b209c05f8e185c33e’, ‘m784490063-7b5da437e7f1e0d67613714d’, ‘m784497419-de55aa09902ccb3ab22d548a’, ‘m784496436-71a4bf7b1e3bdf7756be131b’, ],复制代码，？怎么你们说的话的听不懂啊，然后把修改后的这个html上传到任何一个空间内
OXO： 支持一下，又可以监控了
我日人： 感谢分享，虽然不知道是什么，等下去试试看
stat： 我昨天说的是npm编译确实很简单啊，就三个命令。然后也还说了最好加个release啊
风为裳： 今天放出来的才改成这样的，之前是要改 src/config.js 然后 build，估计很多 mjj 没接触过 webpack 所以就懵了
注册： lz牛批
注册： 很好用 感谢楼主
Bresh： UptimeRobot 支持端口检测，不过我没用过，可能也跟我这个面板会不兼容。 你可以试试，如果不兼容，把你的 api key 私信给我，我来更新兼容。
FXIT： 对。。我刚刚在官网加了udp端口，好像是检测不了的…报红色… 有没有类似能支持监测udp的平台…
Mr.： 谢谢大佬，上午偷偷摸摸已经部署了，忘记来回帖，现在来补上
刘飞儿： mark 世纪互联 rclone 使用教程： https://www.hostloc.com/thread-643457-1-1.html
FXIT： 好，正好准备加入“日志天数”的配置
注册： 支持大佬
一叶甘棠： 感谢大佬分享！！
FXIT： 演示站呢？
高攀不起： 马克一下。漂亮的网站监控面板
daniu： 更新好了，见主贴说明；
Mr.： index.html里好像没啥东西。都在JS里的。JS里的KEY怎么是4个。我看UPTIME网站上就一个KEY啊？
Mr.： 更新说明不是写了改在 config.js 了嘛… 官网的 mySettings 里有三种 key 模式，你仔细看后两个不同说明 另外是 UptimeRobot 我怕你上错站了…
注册： 66666
注册： 挺好的啊！
StudyLong： 我直接在服务器上反向代理他的api，所以请求的也是站点自己的url，就没有跨域问题了23333
hanada： 是的，我考虑在下个版本中增加 API 域名配置，方便设置自己的反代。不知道有没有这个需求。
榄菊蚊香： 我寻思 这主贴也写得很清楚了啊……
Mr.： 把包下载下来，然后打开index.html，把apikey换成你自己的，再把文字之类的内容改一下，就直接能用了，纯html+css+js，所以不需要任何运行环境，丢进你服务器的web目录就可以用了
Mr.： 已经更新了啦，不用弄 index.html 了，增加了一个 config.js 直接改那个更直观
hanada： 反正uptimerobot的api是cloudflare的，正常情况下也不会挂，看他们的需求呗。我的nginx反代是这样的 location /v2 { proxy_pass https://api.uptimerobot.com; proxy_set_header Host $proxy_host; proxy_http_version 1.1; proxy_ssl_name $proxy_host; proxy_ssl_server_name on; }
Mr.： 既然它家 api 是在 cloudflare 的那可以用 cf worker 反代啊，我之前反代了 cf 自家的 api 加了个跨域 header，可以参考一下 const handleRequest = async (request) => { const url = new URL(request.url); const response = await fetch(‘https://api.cloudflare.com/client/v4’ + url.pathname, { method: request.method, headers: request.headers }); const headers = new Headers(response.headers); headers.append(‘Access-Control-Allow-Origin’, ‘*’); return new Response(response.body, { status: response.status, statusText: response.statusText, headers: headers }); } addEventListener(‘fetch’, event => { event.respondWith(handleRequest(event.request)); });复制代码
注册： 卧槽，，，这特吗的，为什么要写 // 是否显示监测站点的链接 ShowLink: false, 别人打开这个js文件，然后复制你的key，然后打开此选项岂不是就看到了监控设备的IP地址？然后DD一波、、、完美，，，，，。。。。。直接把这项删除或者单独把key藏起来啊。 怎样才能把key藏起来呢？
icefog： 我设置运行运行目录为public 什么都没有改，，空白。。页面
UOvZ： 那是当然… 如果下载了源码就要编译，运行目录是编译后的 build，不想自己编译的话就直接下载 release 包就好了，没有什么 public 目录，看帖要仔细啊。。。
榄菊蚊香： 他这个API有几个。选哪个啊The main API key is u886436d978a6b1069 (Copy to Clipboard) 这个？
Mr.： 首先呢，UptimeRobot 的 api 默认就有返回站点 url，即便是我不写，请求里也有。 其次呢，MJJ 们想自己部署的原因就是自己看，看自己的站，一般只有自己知道在哪里能看。 最后呢，加链接按钮是为了方便自己打开网站。
榄菊蚊香： 谢了。我下的源代码。。。
Mr.： 插
榄菊蚊香： 本想开放给用户看的，还是算了，自己看好了。
weixiangnan： 你可以反代官方的 api，把 url 去掉，甚至可以把 key 放到后端去，前端不暴露 key。 不过这样监控的数值毫无可信度，怎么假在线率都可以了。
注册： 大佬你快编辑掉你的帖子，main api key 可以操控你整个账户，你要用下面两种 read-only 的 api key
注册： 没那么傻。我中间删掉一段了。控制不来的。。谢啦
Mr.： 搭建好了，支持一波！
榄菊蚊香： 给大佬支持一波
人是我： 感谢大佬的分享
爱安利的芋头： 不错，支持下！
注册： 今天看到了瓦工的 https://bwhstatus.com/
注册： 大佬 CF WORK 里面怎么写》。
王大佬： 这个就牛皮了哥
王大佬： 感谢分享，正在试
honey： 菜鸡需要的是docker一键，cf worker一键
thinkxen： 不错，我clone下来，用antd美化美化。 uptimerobot 有添加网址的接口没。 再加个登录添加网址？？
告辞： 有，用main key就可以添加新监控，不过如果你用main key的话就不能把key数据放前端了，不然的话谁都能修改你的监控了
hanada： 挺好看的..支持
注册： 不至于吧… 相当于5分钟访问一次网站啊…
注册： 大佬，我提个建议，能否去掉名字后面的链接，一点开就会暴露机器的IP地址 如果自己知道还好，可能会方便，但是如果不小心别人知道了或是公开状态页面的话，暴露IP地址是个很危险的事情。。。
Mr.： 看一楼主帖更新说明，1.3.0 已经加入了可选配置
快乐风男： 忘记这个了，抱歉
Mr.： 不过意义不大，UptimeRobot 的接口就是会暴露服务器地址的，你自己设置不显示链接，别人也可以通过看网络请求，看到服务器地址
快乐风男： mark一下
行尸走肉： 为啥不能部署到heroku… 下载release的静态文件直接扔heroku上呀， 或者fork源码让heroku自己部署，我的演示站就在zeit上 的，跟heroku差不多玩法
mikj521： 大佬nbnbnb
注册： 楼主 能不能要求加个分类的功能
注册： 我的小破站用UptimeRobot 直接设置成24小时了 哈哈
OXO： 每次更新，鞭尸一次。
Shtahal： 没有更新，是别人顶上去的。嫌烦的话我设置255好了。找不到关闭回复的功能，或者让版主来关闭回复吧。
yanyuo： 我是说把hanada大佬拖出来。。哈哈哈哈哈
Mr.： @欧阳逍遥 版主能否把这帖关闭回复，我怕经常被回帖顶上去大家会嫌烦，设255的话MJJ们又看不到内容了
yanyuo： 无需关闭. 技术分享贴, 正常顶贴挺好的.
Mr.： 大佬问个问题 , 挂到网站上显示这个错误 . TypeError: Cannot read property ‘ApiKeys’ of undefined at ye (main.b23dcefe.js:2) at qi (main.b23dcefe.js:2) at vl (main.b23dcefe.js:2) at su (main.b23dcefe.js:2) at lu (main.b23dcefe.js:2) at Zl (main.b23dcefe.js:2) at ql (main.b23dcefe.js:2) at Au (main.b23dcefe.js:2) at main.b23dcefe.js:2 at tu (main.b23dcefe.js:2)复制代码 config.js 已经写了 apikey
欧阳逍遥： ApiKeys: [‘xxx’]，注意大小写，注意数组，注意有 s，如果还不行就把 config.js 发我看看
gameforloc： ApiKeys: [ ‘ur886848-40aa8xxxxxxxab91ddf’, ], 复制代码 没问题了 , 谢谢大佬的解答 .
注册： 还可以用 uptimerobot 监控 status page 本身，保证你 status page 挂了，监控还没挂
注册： 为什么我改了api，还是显示原来的v2ex那几个网站监控？ ApiKeys: [ ‘ur887066-27d5163213931fb5ed2dfffd’, ], https://webload.202014.xyz/
Mint： 我这边看是正常的，两个你的站
这几篇文章你可能也喜欢：
- 暂无相关推荐文章
本文由主机参考刊发，转载请注明：【更新1.3.0】漂亮的网站监控面板更新了！又有新功能了！ https://dev-web.zhujicankao.com/20791.html
评论前必须登录！
注册