💡 简介

uvstat 📈 B3log 分布式社区的浏览、评论计数组件，欢迎加入下一代社区网络。

🛠️ 使用文档

CommonJS

• 安装依赖

npm install uvstat --save

• 在代码中引入并初始化对象，可参考 index.js

import Uvstat from 'uvstat'

const uvstat = new Uvstat()
uvstat.renderStat()
uvstat.renderCmtStat()
uvstat.getStat(['http://localhost:9219']).then(stats => {
  console.log('getStat: ', stats)
})
uvstat.addStat()

HTML script

• 在 HTML 中插入 js

<!-- ⚠️生产环境请指定版本号，如 https://cdn.jsdelivr.net/npm/[email protected]/dist... -->
<script src="https://cdn.jsdelivr.net/npm/uvstat/dist/index.min.js" defer></script>

示例代码

• CommonJS

API

options

||说明|默认值| |---|---|---| |cache|访问过的页面不再进行统计|true| |cacheId|localStorage 名称|'uvstat'| |loading|加载中的 svg|-| |location|计数 url 配置|-| |location.hash|是否统计 hash|false| |location.pathname|是否统计 pathname|true| |location.search|是否统计 search|false| |renderName|浏览计数元素中的 data 属性名称|'uvstaturl'| |renderCmtName|评论计数元素中的 data 属性名称|'uvstatcmt'| |cmtAPI|评论统计请求地址|'https://ld246.com/apis/vcomment/count'| |timeout|请求超时 ms|2000| |url|服务端请求地址|'https://ld246.com/uvstat'|

methods

||说明| |---|---| |getStat(urls: ICount[], timeout: number = 0)|获取给定 url 的浏览数| |getCmtStat(cmts: ICount[], timeout: number = 0)|获取给定帖子 id 的评论数| |addStat()|为当前页面添加计数| |renderStat()|浏览计数渲染| |renderCmtStat(after?: (element: HTMLElement, cnt: number) => void)|评论计数渲染| |clearCache()|清除缓存|

欢迎关注 B3log 开源社区微信公众号 B3log开源