利用蹩脚的 js 知识写了一个统计真实访客数量的脚本

[zhishixiang]

趁着高考结束后闲着无事，入门了网页和小程序开发，刚学完 ajax 没多久，打算写一个小项目作为总结，于是便有了此项目。

本项目基于前端请求后端、后端记录数据的方式统计访客数据，使得静态网站也拥有了展示访客数据的功能。且本项目还利用了 cookies 来防止重复提交数据，确保记录真实访问量。本来是想只给自己的网站用的，但后面还是决定开源了（虽然 js 脚本开不开源都无所谓）。

后端搭建在了腾讯云的 serverless 云函数上，国内访问速度应该是有保证的，经过测试响应时间均不超 50ms ，个人感觉还是相当不错的。

项目地址： https://github.com/zhishixiang/visitorStatistic ，由于刚学没多久因此代码非常烂，希望大佬们轻喷。

[zhw2590582]

可以做成图片，前端不用任何 js 代码

[zhishixiang]

@zhw2590582 准备研究 python 图像处理，到时候说不定能整出来

[zhishixiang]

@zhw2590582 有个问题：直接请求图片能否记录 cookies

[fzdwx]

@zhishixiang 这个就只能用 ip 来做唯一性判断了

[zhw2590582]

可以的，可以查一下响应头 set-cookie 的用法

[doublleft]

https://github.com/zhishixiang/visitorStatistic/blob/main/app.py#L7

你密码漏了兄弟

[linzhipeng]

@doublleft 哈哈哈哈哈

[linzhipeng]

这是打算大学报考计算机专业了么

[zhishixiang]

@doublleft 反正纯内网访问，不慌

[fe619742721]

@zhishixiang 密钥管理其实也是工程的一部分，这里可以研究一下合理通用的方案，养成好习惯

[autoxbc]

document.domain 是已废弃属性，建议用 location.host 替代；
https://developer.mozilla.org/zh-CN/docs/Web/API/Document/domain

Web 标准中提供专用的 Beacon API 来发送统计数据，可以考虑用一下；
https://developer.mozilla.org/zh-CN/docs/Web/API/Beacon_API

[learningman]

就你这拿 format 拼 sql ，当 ctf 题出给大一的都算送分

[learningman]

https://github.com/zhishixiang/visitorStatistic/commit/3184b172b74b1d8a99b4efe9666b7fc46a99610b
你密码还是漏的，你得 filter-branch

[learningman]

建议你立刻下线 demo ，不然明天可能就要来问 MySQL 被黑了怎么办了

[zhishixiang]

@learningman 已经说是烂代码了┑(￣Д ￣)┍

[zhishixiang]

@learningman 研究了一会，看不懂，已经直接 reset hard 了

[xitler]

lz 加油～

[Danswerme]

同款密码，我以前也用过这个密码哈哈哈哈哈

[zhishixiang]

@learningman 已经进行防注入处理了

[zhishixiang]

@learningman 你删了这个回复吧，点进去还能看到密码