简介
在大多数 Web 应用程序中，从用户角度来看，不同的网页之间是相互独立的，用户浏览过的历史记录也只能通过浏览器的历史记录功能查看。但是在一些特定场景下，我们更希望用户的浏览历史记录能够被记录下来，方便后续的分析和处理。@apiko/user-history-tracker 就是一个专门用于记录并存储用户浏览历史记录的 npm 包。
安装
使用 npm 进行安装：
npm install @apiko/user-history-tracker --save
使用
初始化
引入 @apiko/user-history-tracker ，并初始化：
import Tracker from '@apiko/user-history-tracker'; // 初始化，第一个参数是用户 id，第二个参数是保存记录的最大数量，第三个参数是保存记录的时间限制（以毫秒为单位） const tracker = new Tracker(userId, 100, 24 * 3600 * 1000);
记录
当用户访问一个新的页面时，可以调用 tracker 的 record 方法记录：
// 记录，第一个参数是页面名称，第二个参数是页面请求的 URL tracker.record(pageName, pageUrl);
获取历史记录
可以使用 tracker 的 getHistory 方法获取指定时间范围内的用户历史记录：
// 获取历史记录，第一个参数是起始时间，第二个参数是结束时间 const history = tracker.getHistory(startTime, endTime);
其中，history 是一个数组，每个元素包含以下属性：
- pageName：页面名称
- pageUrl：页面请求的 URL
- visitTime：页面访问时间
示例代码
下面是一个使用该包的示例代码：
-- -------------------- ---- ------- ------ ------- ---- ------------------------------ -- --- ----- ------- - --- ----------------- ---- -- - ---- - ------ -- -- -------------------- ---------------------------- ---------------------- ------------------------------------- ---------------------- ---------------------------------------- -- ------ ----- --------- - ---------- - - - -- - ---- - ----- -- - ------ ----- ------- - ----------- -- ----- ----- ------- - ----------------------------- --------- ---------------------
结论
通过使用 @apiko/user-history-tracker，我们可以很方便地记录和存储用户的浏览历史记录，便于后续的分析和处理。该包的 API 简单易用，开发者可以在不影响用户体验的前提下轻松集成到自己的网站应用程序中。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600671a830d09270238226e5