step0#
下载编译:
Copy
git clone https://github.com/jadepeng/simplepv
cd simplepv
mvn package -DskipTests
部署 web 程序
Copy
java -jar simplepv-0.0.1-SNAPSHOT.jar --spring.profiles.active=prod
输出
Copy
2021-12-02 20:25:49.014 INFO 35916 — [ main] com.jadepeng.simplepv.SimplepvApp : The following profiles are active: prod
2021-12-02 20:25:53.585 INFO 35916 — [ main] c.j.simplepv.config.WebConfigurer : Web application configuration, using profiles: prod
2021-12-02 20:25:53.589 INFO 35916 — [ main] c.j.simplepv.config.WebConfigurer : Web application fully configured
2021-12-02 20:26:02.580 INFO 35916 — [ main] org.jboss.threads : JBoss Threads version 3.1.0.Final
2021-12-02 20:26:02.697 INFO 35916 — [ main] com.jadepeng.simplepv.SimplepvApp : Started SimplepvApp in 15.936 seconds (JVM running for 16.79)
2021-12-02 20:26:02.707 INFO 35916 — [ main] com.jadepeng.simplepv.SimplepvApp :
Application 'simplepv' is running! Access URLs:
Local: http://localhost:58080/
External: http://172.1.1.12:58080/
Profile(s): [prod]
本程序默认使用 h2 作为存储,所以不用另外安装 mysql。
step1#
引用 client.js, 也可以直接放入到网页中
Copy
var bszCaller, bszTag, scriptTag, ready;
var t,
e,
n,
a = !1,
c = [];
// 修复Node同构代码的问题
if (typeof document !== ‘undefined’) {
(ready = function (t) {
return (
a || ‘interactive’ === document.readyState || ‘complete’ === document.readyState
? t.call(document)
: c.push(function () {
return t.call(this);
}),
this
);
}),
(e = function () {
for (var t = 0, e = c.length; t < e; t++) c[t].apply(document);
c = [];
}),
(n = function () {
a ||
((a = !0),
e.call(window),
document.removeEventListener
? document.removeEventListener(‘DOMContentLoaded’, n, !1)
: document.attachEvent &&
(document.detachEvent(‘onreadystatechange’, n), window == window.top && (clearInterval(t), (t = null))));
}),
document.addEventListener
? document.addEventListener(‘DOMContentLoaded’, n, !1)
: document.attachEvent &&
(document.attachEvent(‘onreadystatechange’, function () {
/loaded|complete/.test(document.readyState) && n();
}),
window == window.top &&
(t = setInterval(function () {
try {
a || document.documentElement.doScroll(‘left’);
} catch (t) {
return;
}
n();
}, 5)));
}
bszCaller = {
fetch: function (t, e) {
var n = ‘SimplePVCallback’ + Math.floor(1099511627776 * Math.random());
t = t.replace(’=SimplePVCallback’, ‘=’ + n);
(scriptTag = document.createElement(‘SCRIPT’)),
(scriptTag.type = ‘text/javascript’),
(scriptTag.defer = !0),
(scriptTag.src = t),
document.getElementsByTagName(‘HEAD’)[0].appendChild(scriptTag);
window[n] = this.evalCall(e);
},
evalCall: function (e) {
return function (t) {
ready(function () {
try {
e(t),
scriptTag && scriptTag.parentElement && scriptTag.parentElement.removeChild && scriptTag.parentElement.removeChild(scriptTag);
} catch (t) {
console.log(t), bszTag.hides();
}
});
};
},
};
const fetch = siteUrl => {
bszTag && bszTag.hides();
bszCaller.fetch(${siteUrl}/api/pv/${window.btoa(location.href)}?jsonpCallback=SimplePVCallback
, function (t) {
bszTag.texts(t), bszTag.shows();
});
};
bszTag = {
bszs: [‘site_pv’, ‘page_pv’],
texts: function (n) {
this.bszs.map(function (t) {
var e = document.getElementById(‘busuanzi_value_’ + t);
e && (e.innerHTML = n[t]);
});
},
hides: function () {
this.bszs.map(function (t) {
var e = document.getElementById(‘busuanzi_container_’ + t);
e && (e.style.display = ‘none’);
});
},
shows: function () {
this.bszs.map(function (t) {
var e = document.getElementById(‘busuanzi_container_’ + t);
e && (e.style.display = ‘inline’);
});
},
};
if (typeof document !== ‘undefined’) {
fetch(‘http://localhost:8080/’);
}
上面 fetch 的地址,填写 webserver 部署后的地址。
step2#
在需要显示 pv 的地方
Copy
本站总访问量次
本文总阅读量次
原理#
当前只统计了PV,未统计uv,后续有空可以增加。
原理,每个url存储一条记录
Copy
public class PV implements Serializable {
@Id
@GeneratedValue(strategy = GenerationType.IDENTITY)
@Column(name = "id")
private Long id;
@Column(name = "url")
private String url;
@Column(name = "pv")
private Integer pv;
}
统计PV时,lock url的host,获取pv对象,如果不存在则新增,然后pv+1
注意: 这里用了个lock,防止并发出错
Copy
@Override
public PVDTO increment(String url) {
Lock lock = null;
// 简单锁一下
try {
URL uri = new URL(url);
lock = this.lock(uri.getHost(), 30000);
if (lock == null) {
throw new RuntimeException(“请稍后重试”);
}
PV pv = incrementPV(url);
PV sitePv = incrementPV(uri.getHost());
return new PVDTO(pv.getPv(), sitePv.getPv());
} catch (MalformedURLException e) {
throw new RuntimeException("url not support");
} finally {
if (lock != null) {
this.releaseLock(lock);
}
}
}
private PV incrementPV(String url) {
PV pv = this.pVRepository.findFirstByUrl(url).orElse(new PV().url(url).pv(0));
pv.setPv(pv.getPv() + 1);
this.pVRepository.save(pv);
return pv;
}
亚马逊测评 www.yisuping.cn