✔ Cloudflare Workers 魔法工具：IP 信息仪表板 + API 双重奏 (0731新增表情符号旗版本)
同步来源：树洞剪藏 源站剪藏 ID：51 原文地址：https://www.nodeseek.com/post-139906-1
✔ Cloudflare Workers 魔法工具：IP 信息仪表板 + API 双重奏 (0731新增表情符号旗版本)
NodeSeek beta 日常 技术 情报 测评 交易 拼车 推广
✔ Cloudflare Workers 魔法工具：IP 信息仪表板 + API 双重奏 (0731新增表情符号旗版本)
kkcat 楼主 107days ago edited 106days ago in 技术 #0
✔ CloudFlare IP Info Dashboard
一个强大、无服务器且免费的 IP 信息仪表板解决方案，由 Cloudflare Workers 驱动，具有用户友好的界面和多语言支持。
README
English - 繁体中文 - 简体中文 - 日本语 - 한국어
📱 示范网址
curl xip.im
⭐ 特点
开源、易于部署（10分钟内完成，无需本地工具）且完全免费
IP 信息显示
显示访问者的 IP 地址
提供地理位置信息，包括国家、城市和地区
显示时区信息
显示网络服务提供商 (ISP) 信息
显示自治系统号码 (ASN)
多语言支持
支持英语、繁体中文、简体中文、日语和韩语
易于扩展，可添加更多语言
用户界面
响应式设计，适应不同设备尺寸
现代化的卡片式佈局
动画效果增强用户体验
暗黑模式支持
地图功能
显示用户大致位置的互动地图
可切换显示/隐藏
API 支持
提供 JSON 格式的 IP 信息 API
可定制性
可以轻松添加或修改显示的 IP 信息
支持自定义样式和佈局
👀 演示
⚡ 快速开始
登录到您的 Cloudflare 帐户
进入 Workers & Pages 部分
创建一个新的 Worker
将提供的代码複製并粘贴到 Worker 编辑器中
保存并部署
对于代码，请参考
普通版本
表情符号旗版本
📄 API 文档
访问 /api 端点以获取 JSON 格式的 IP 信息。
示例响应：
{ "ip": "203.0.113.195", "ipVersion": "IPv4", "country": "United States", "city": "Los Angeles", "region": "California", "timezone": "America/Los_Angeles", "isp": "Example ISP", "asn": "AS12345", "latitude": 34.0522, "longitude": -118.2437 }
未来特性 (待办事项)
[ ] 添加更多语言支持
[x] 实现暗黑模式切换
[x] 添加 IP 地理位置地图显示
[x] 支持 IPv6 和 IPv4 地址格式检测
[ ] 添加 IP 信息历史记录功能
[x] 实现 API 端点，允许其他服务查询 IP 信息
[ ] 添加更多 IP 相关的技术信息（如 网络类型等）
[ ] 支持自定义域名
贡献
欢迎提交 Pull Requests 来改进这个项目。对于重大更改，请先开 issue 讨论您想要改变的内容。
👤 作者
KKCAT
27 0 75 引用 回复
1 2 3 4 5
kkcat 楼主 107days ago
#15
@semyes #9
Cloudflare Worker 获取 IP 和 IP 信息的原理
获取客户端 IP（ CF-Connecting-IP ）:
当请求到达 Cloudflare 的边缘节点时，Cloudflare 会记录发起请求的客户端 IP 地址。
Cloudflare 将此 IP 添加到一个特殊的 HTTP 头部 CF-Connecting-IP 中。
在 Worker 中，我们可以通过 request.headers.get('CF-Connecting-IP') 来获取这个值。
IP 版本检测（ detectIPVersion ）:
这是一个自定义函数，不是 Cloudflare 提供的。
通常通过正则表达式来判断 IP 地址的格式，从而确定是 IPv4 还是 IPv6。
例如： function detectIPVersion(ip) { return /^(\d{1,3}.){3}\d{1,3}$/.test(ip) ? 'IPv4' : 'IPv6'; }
request.cf 对象:
这是 Cloudflare Workers 特有的对象，包含了丰富的请求相关信息。
当请求到达 Cloudflare 网络时，Cloudflare 会快速查询其内部数据库，获取与该 IP 相关的各种信息。
这个过程在请求到达 Worker 之前就已完成，所以在 Worker 中访问这些信息几乎没有延迟。
地理位置信息（country, city, region, timezone, latitude, longitude）:
Cloudflare 维护着一个全球 IP 地理位置数据库。
当请求到来时，Cloudflare 根据客户端 IP 快速查询这个数据库。
这些信息被填充到 request.cf 对象中。
网络信息（asOrganization, asn）:
AS（Autonomous System）信息来自 Cloudflare 的网络数据库。
asOrganization 通常是 IP 地址所属的互联网服务提供商（ISP）。
asn 是自治系统号码，用于 BGP（边界网关协议）路由。
数据更新机制:
Cloudflare 持续更新其 IP 数据库，以确保信息的准确性。
这个更新过程对 Worker 开发者来说是透明的。
性能考虑:
由于这些信息是预先计算并缓存的，访问 request.cf 对象的各个属性几乎不会增加处理时间。
错误处理:
代码中使用 || 'Unknown' 或 || 0 是一个好习惯，可以处理某些信息不可用的情况。
总的来说，Cloudflare 利用其全球网络和强大的数据处理能力，在请求到达 Worker 之前就准备好了这些信息。这使得开发者可以轻松且高效地访问丰富的 IP 相关数据，而无需额外的 API 调用或複杂的后端逻辑。
4 0 引用 回复
kkcat 楼主 106days ago edited 106days ago
#35
@ggchaos #6
新加了 很简单
对于代码，请参考
普通版本
表情符号旗版本
1 0 引用 回复
Clare 107days ago #1
收藏加鸡腿
0 0 引用 回复
WTNLXTBL 107days ago #2
mark
TG: PMBOT
0 0 引用 回复
xjoker 107days ago #3
好棒
旧金山监控点 | 香港监控点
0 0 引用 回复
jinhuaitao 107days ago #4
绑定
Telegram I WebSSH
0 0 引用 回复
亚历山大锤 107days ago #5
mark
无欲无求，清心寡欲！收想收的小鸡鸡，玩好玩的小鸡鸡！
0 0 引用 回复
ggchaos Dev 107days ago #6
加个国旗就更好了
我的开源项目正好想加上
个人开发的webssh面板EasyNode:
https://github.com/chaos-zhu/easynode
0 0 引用 回复
西瓜有点大 107days ago #7
很强
tg联系我 | 免费chatgpt | 匿名聊天 | 签名怎么设置 超链接 ？
0 0 引用 回复
lifeiyu 107days ago #8
正需要这样的工具🛠️，666
0 0 引用 回复
semyes 107days ago #9
有没有科普一下原理的? 正想学习一下显示IP查IP地址位置方面的内容
❤️我的服务 || ✉️站内私信
0 0 引用 回复
洋芋 107days ago #10
mark
| tg私聊机器人 | 站内私信 | 自用图床 | 最弱探针 |
今日签到获得鸡腿1个，当前排名第1407
今日签到获得鸡腿1个，当前排名第1538
0 0 引用 回复
1 2 3 4 5
内容 预览 对照
支持 markdown语法
鼓励友善发言，禁止人身攻击
xxxxxxxxxx
1
1
AC娘
洋葱头
小黄鸡
发布评论
88
等级 Lv 4 鸡腿 1907 关注 0 通知 0
主题帖 10 评论数 290 粉丝 2 收藏 182 发帖
快捷功能区 推荐阅读 管理记录 幸运抽奖 邀请好友 合作商家 友站链接
所有版块 日常 技术 情报 测评 交易 曝光 拼车 生活 贴图 推广 内版 Dev 无意义 沙盒
📈用户数目📈
目前论坛共有22061位seeker
🎉欢迎新用户🎉
huotuchensha
alanlu
onvo
无欲无求
相关网站 LowEndTalk LowEndSpirit HostLoc ServerHunter
站内导航 关于本站 隐私协议 RSS订阅 sitemap
商业推广 商家申请规则 Premium Provider 合作商家展示
其他平台 电报频道 电报群组
联系我们
Copyright © 2022 - 2024 All rights Reserved