SpringBoot+Echarts用户访问地图可视化
意义
- 在常见的电商、新闻、社交网站等,合理运用运营成本才能最大化输出自己的产品,其中最常见的功能就有针对不同访问热度的城市制定不同的运营手段,因此我们掌握用户城市分布情况至关重要。
- pc端与移动端不同,无法依托手机自带的gps定位到用户所在城市,只能通过ip来进行判断所在地理位置。
根据ip获取城市的方式
- 淘宝、新浪等常年提供根据ip获取城市的接口,但是隔一段时间会出现接口地址更改的情况,也有一定的限流
- 开源纯真ip库:不断迭代更新ip库内容,一般场景下足以使用,自主可控。(下载qqwry.dat库)
思路
首先需要获取用户请求的ip地址,我们对该方法进行简单封装:
![2cb43e8adf9c8e1e55eeaa0d6aca3099.png](https://i-blog.csdnimg.cn/blog_migrate/776da8205119d1c37da35d3b40821da0.jpeg)
封装纯真ip的解析工具,根据ip获取请求地址所在城市,github有大量实现版本,我们这里不做赘述,具体代码见文末源码
![ee7a54c9720c5d871ff9ab87e55d20e1.png](https://i-blog.csdnimg.cn/blog_migrate/1f34c2d008abe5995155daef0a597567.jpeg)
自定义拦截器,对用户的登录请求进行拦截,在此处判断请求ip所在城市,并进行计数。我们这里只是简单逻辑的说明,在生产上时应该用redis来存放计数,并且专门提供一个rest接口来推送当前各城市访问数量情况,再由前端配合,隔一段时间发起一次请求,例如隔一小时请求一次该rest接口,从而进行前端数据的展示。
![f97640f307387688a2352d6ec6994f1c.png](https://i-blog.csdnimg.cn/blog_migrate/cd0479d795b16cb07f588fd5f253c923.jpeg)
注册自定义的拦截器
![9e00a7b6f612774210e507d3bac527d5.png](https://i-blog.csdnimg.cn/blog_migrate/71e893d0f4a204d57b1fb2f6234bb752.jpeg)
登录controller模拟逻辑,注意:如果想看效果图需要自己写线程用不同的虚拟ip进行访问url,从而达到在不同城市访问接口的效果。
![61a63b39407579bf8c1f3ba7fb95cd9c.png](https://i-blog.csdnimg.cn/blog_migrate/8ca06a8cba5af8311af2cd98740c931b.png)
最终效果
![9e2f8a04be1f3d766cc157b2a2f2d4aa.png](https://i-blog.csdnimg.cn/blog_migrate/4083e846eb1d435a08d4430a4c3fd647.jpeg)
SpringBoot+Echarts用户访问地图可视化源码地址劳烦您点击传送门:
SpringBoot+Echarts源码获取地址