[Cloudflare Analytics]利用Cloudflare API创建自己的analytics面板

Head Pic: 【カーマ(Fate)】"愛の神" / Illustration by "色谷あすか@一日目西り27a" [pixiv]

透过Cloudflare API可以更加方便的获取Cloudflare CDN统计信息。

cloudflare-analytics-php

Demo

请点击顶部导航栏监控项,移动端先点击顶部小⚙️,然后在点击监控项即可。

缘由

因为我发现大陆上CF网站查看统计信息太慢了,还要登录x,于是查了下CF API,就有了这个程式。

其实整个经过蛮痛苦的,因为CF API直接返回一个json,你要去解析,还要画图x

首先js直接GET拿那个json会导致跨域问题然后不能拿到,所以就用php去拿json(顺便解决了隐藏API KEY的问题x

然后用js解析json会比较方便,但是AJAX请求之后出了那个函数json就undefined了喵???因为我又是现学现卖的所以最后的解决方案是把剩下所以的操作全扔那个函数里了233x

画图方面chart.js的API比较全面,还是很ok的。

总之整个代码写的很乱,也没有移动端适配 ,不过好在可以运行✅

配置

在php文件里的第4,5,22行分别将那些全大写的API常量换成你自己的。

详细在github readme.md里有。

鸣谢

Chart.js

Cloudflare API

最后修改:2019 年 08 月 05 日 12 : 02 AM

发表评论