一.前言

本软文主要通过最近发生在本公司身上的一件真事儿,来讲解公司产品关于快速发现网站镜像拷贝的功能,由于没有什么恶意,所以一些域名也就不打码了,有什么不妥之处也欢迎大家指正。

二.公司背景

小编所在的公司是北京 OneAPM ,公司主要产品包括应用性能管理(Application InsightBrowser InsightMobile Insight)、应用可用性监控(Cloud Test)、云服务器及组件监控(Cloud Insight)、业务分析(Log Insight)、综合告警(OneAlert)和应用安全防护(OneASP)等。

小编自己则负责 Browser Insight 这款产品的运营工作,该产品主要功能是基于真实用户体验,多维度分析网站页面的性能瓶颈,帮用户定位分析网站性能问题,为了便于后续事情讲解的展开,给大家上个产品总览图: 真事儿!——我们官网被全站拷贝了! 技术分享 第1张

三.事件简介

今天,小编在公司官网的Bi demo里面的「访问域名」模块下突然发现了一个很奇怪的域名,并不属于我们公司内部,域名是「 http://www.paijianbao.cn/

大家可以先下面的截图。 真事儿!——我们官网被全站拷贝了! 技术分享 第2张

出于好奇,就访问了下这个域名所对应的网站,竟然发现是一家做物流 APP 的公司,而且,该页面和我们的官网页面风格非常相近。

下图是小编公司 OneAPM 的官网首页面:http://www.oneapm.com 真事儿!——我们官网被全站拷贝了! 技术分享 第3张 是不是很漂亮!很简洁!很清新!给我们前端设计的帅哥点个大大的赞先!

再给大家看看这个物流 APP 网站的页面: 真事儿!——我们官网被全站拷贝了! 技术分享 第4张 是不是风格很像。。。。。

其实,原因很简单:OneAPM 的官网被派件宝拷贝走了,然后改成了自己的网站,也就是我们俗称的,全站拷贝!

四.事件分析

Browser Insight(以下称 Bi)的工作原理就是在网站的页面插入 js 脚本,然后采集每个用户访问网站的详细情况来收集数据的,而「派件宝」在拷贝 OneAPM 代码的时候没有注意到页面中 Bi 的脚本,所以,我们也就能在 demo 里面看到派件宝网站的性能数据了。

其实这样的事情在 IT 圈子里面并不少见。大多数确实是想这次的事情似的,是善意的觉得页面做的不错拿去借鉴,但是还有一些时候是恶意的,以盗取流量为目的的拷贝。

这种事儿之前在 Bi 的用户身上发生过,为了保护用户隐私就不说出名字了,这个用户在 IT 业内地位非常高,而且公司业务涉及互联网媒体的业务,说流量就是命根子也不为过。年前的时候,该公司就是通过「访问域名」这个功能立刻发现了一个对其官网的恶意镜像的。

五.产品介绍

小编对着自心爱的 Cherry 键盘发誓,今天所说的都是真的!所以,现在就要给大家介绍下 Browser Insight 这款工具,让大家了解下如此厉害的工具是什么样子的~

Bi 这款工具的主要作用就是基于真实用户体验优化网站的前端页面,并统计用户的访问情况等。

不多说什么废话,先直接上干货,来个总览图先! 真事儿!——我们官网被全站拷贝了! 技术分享 第5张

可以看到,功能维度非常丰富,从多个角度对用户访问进行汇总功能,既有宏观的例如定位分析功能,也有细致的资源耗时瀑布流图等角度,让使用者清晰的知道自己该优化哪些东西。

瀑布资源耗时列表,让页面慢加载无所遁形! 真事儿!——我们官网被全站拷贝了! 技术分享 第6张 定位分析功能,从「上帝」的视角了解您的所有用户! 真事儿!——我们官网被全站拷贝了! 技术分享 第7张 脚本错误分析,线上线下测试均给力! 真事儿!——我们官网被全站拷贝了! 技术分享 第8张 其他各个功能点例如 「AJAX 接口」、「地理」、「浏览器」等就不给大家一一截图了,有兴趣的小盆友可以亲自去试试看,部署方式也很简单~

备注:虽然直接拷贝他人的网站这事儿不能算个好现象,但是毕竟现在是一个开源的时代,而且变相也是对我司网站的一个认可,所以我们也不打算追究这个事情,也希望如果有机会的话,可以和派件宝有进一步的合作。

Browser Insight 是一个基于真实用户的 Web 前端性能监控平台,能够帮大家定位网站性能瓶颈,网站加速效果可视化;支持浏览器、微信、App 浏览 HTML 和 HTML5 页面。想阅读更多技术文章,请访问OneAPM 官方技术博客