自己搭了个IP查询小站，比市面上的工具顺手多了

兄弟们有没有遇到过这种情况看到服务器日志里一堆陌生IP想查下是哪来的结果打开某些查询网站广告弹得比结果还快体验实在糟心。上周末闲着没事干脆自己动手搞了一个。没用什么复杂框架就是纯前端页面丢到静态托管上零成本上线。现在用了半个月感觉比网上那些花里胡哨的工具站清爽多了分享下过程。一、为什么想自己做一个之前查IP归属地无非是几个途径命令行敲命令得记语法手机上也用不了去某些在线工具站页面塞满广告查询按钮旁边就是下载XX加速器还有些站点查完结果不全只给个国家和城市时区、运营商这些信息都没有我就想能不能做一个打开就能用、没广告、结果全、手机也能正常看的查询工具说干就干。二、页面怎么设计的既然是工具站核心就一个字快。打开页面输入框在正中间输完IP点一下查询毫秒级出结果。结果区域我排成了四列卡片IP地址、国家、省份、城市、邮编、运营商、经纬度、时区八个信息两排展示桌面端一眼看完不用往下翻。这里有个细节——很多同类工具喜欢把结果堆成一列信息一多用户就得滚鼠标。我改成网格布局后自己用着都舒服多了。地图跳转也做了两手准备。国外地图国内有时候打不开所以除了Google Maps和OpenStreetMap我还加了高德和百度的链接点一下直接定位到具体位置国内用户用起来无障碍。另外点击热门IP查询后页面会自动滚动到结果区。之前测试发现有些朋友点了按钮没反应其实结果是出来了但在屏幕上方没看到。加了这个小交互后体验好了不少。三、写着写着顺手丰富了下页面一开始页面只有个输入框和查询按钮看着有点寒酸。后来想着反正都写了不如把内容补全点顺手加了使用步骤说明、几个常用DNS地址的快捷查询按钮还有大家常问的几个问题——比如为什么查到的城市和我实际位置不一样、会不会记录我的查询记录这些反正都是真实用户会搜的。还做了个英文版虽然主要给中文用户用但万一有老外搜过来也能看懂。四、部署与成本代码写完后直接推送到代码托管平台自动部署到静态托管服务上绑了自己的域名。整个过程没花一分钱服务器费用连数据库都不用。目前支持的功能✅ 输入任意IP查询归属地✅ 一键查本机公网IP✅ 四列结果展示信息一目了然✅ 支持跳转高德、百度、Google、OpenStreetMap✅ 中文/英文切换✅ 手机、平板、电脑都能正常使用✅ 全站HTTPS查询不记录日志五、最后如果你也经常需要查IP归属地或者想参考这个项目的思路可以来看看 https://ip.gymcalc.cn源码比较简单就是一个HTML页面加一层后端代理主要是把密钥藏在服务端前端不暴露。如果有朋友想基于这个二开或者对静态站部署、SEO优化有疑问欢迎评论区交流。本文首发于CSDN转载请注明出处。站点持续迭代中后续计划加DNS查询、在线Ping等模块欢迎收藏关注~