Page Counter
基于 Serverless 开发的的极简网页计数器，支持基于 Hexo、Jekyll、Octopress、ReactJS、VueJS 等框架开发的博客、网站、中后台等任何应用。
特性
- 无后端快速部署
- 源码精简，大小仅 5kb
- 支持
npm 和 CDN 引入
- 数据安全、自持有、永久存储
- 支持
Leancloud、Bomb 平台
- 支持腾讯云云开发(敬请期待)
浏览器支持
 |
 |
 |
 |
 |
| Latest ✔ |
Latest ✔ |
Latest ✔ |
Latest ✔ |
Latest × |
快速使用
Leancloud 平台
用法一：CDN 引入
到Leancloud控制台查看应用相关信息，将以下代码插入 <head> 标签中：
<script>
window.PAGE_COUNTER_CONFIG = {
serverless: 'leancloud',
leancloud: {
history: 0,
table: '存放数据的表格',
appId: 'leancloud应用的appId',
appKey: 'leancloud应用的appKey'
}
}
</script>
引入 CDN：
<script src="//cdn.jsdelivr.net/npm/leancloud-storage@3.13.1/dist/av-min.js"></script>
<script src="//unpkg.com/page-counter@1.4.1/dist/page-counter.min.js"></script>
总浏览量和当前页面浏览量会自动放入ID为 page-counter-total-times 和 page-counter-single-times 的DOM元素中。
用法二：npm 引入
安装：
npm install --save page-counter leancloud-storage
使用：
import('leancloud-storage')
.then(res => {
window.AV = res.default
window.PAGE_COUNTER_CONFIG = {
serverless: 'leancloud',
leancloud: {
history: 0,
table: '存放数据的表格',
appId: 'leancloud应用的appId',
appKey: 'leancloud应用的appKey'
}
}
return import('page-counter')
})
.then(res => {
const PageCounter = res.default
PageCounter.setData()
PageCounter.countTotal()
PageCounter.countSingle()
})
Bomb 平台
用法一：CDN 引入
到Bomb控制台查看应用相关信息，将以下代码插入 <head> 标签中：
<script>
window.PAGE_COUNTER_CONFIG = {
serverless: 'bomb',
bomb: {
history: 0,
table: '存放数据的表格',
appId: 'Bomb 应用的 Application ID',
appKey: 'Bomb 应用的 REST API Key'
}
}
</script>
引入 CDN：
<script src="//unpkg.com/page-counter@1.4.1/dist/page-counter.bomb-1.6.7.min.js"></script>
<script src="//unpkg.com/page-counter@1.4.1/dist/page-counter.min.js"></script>
总浏览量和当前页面浏览量会自动放入ID为 page-counter-total-times 和 page-counter-single-times 的DOM元素中。
用法二：npm 引入
安装：
npm install --save page-counter hydrogen-js-sdk
使用：
import('hydrogen-js-sdk')
.then(res => {
window.Bomb = res.default
window.PAGE_COUNTER_CONFIG = {
serverless: 'bomb',
bomb: {
history: 0,
table: '存放数据的表格',
appId: 'Bomb 应用的 Application ID',
appKey: 'Bomb 应用的 REST API Key'
}
}
return import('page-counter')
})
.then(res => {
const PageCounter = res.default
PageCounter.setData()
PageCounter.countTotal()
PageCounter.countSingle()
})
待做
更多
通过以下方式提供新的想法来进一步讨论，也可以直接发起 PR 参与到项目中：