在前端开发中，有时需要对访问网站的计算机进行唯一标识。本文将介绍如何使用 JavaScript 生成唯一的客户端 ID，并将其存储到 cookie 中。
客户端 ID 的生成
为了生成唯一的客户端 ID，我们可以使用 window.crypto 对象提供的 getRandomValues() 方法生成随机字节数组，并将其转换为 Base64 字符串。
-------- ------------------ - ----- ----- - --- --------------- ------------------------------------- ------ ------------------------------------ -
上述代码中 Uint8Array 创建了一个长度为 16 字节的无符号整型数组，window.crypto.getRandomValues() 方法将此数组填充为随机数。String.fromCharCode(...array) 将随机字节数组转换为字符串，btoa() 方法将该字符串编码为 Base64 字符串并返回。
存储客户端 ID 到 cookie
在生成客户端 ID 后，我们需要将其存储到浏览器的 cookie 中以便后续使用。以下代码演示了如何设置客户端 ID 到 cookie：
-------- --------------- ------ ----- -
--- ------- - ---
-- ------ -
----- ---- - --- -------
--------------------------- - ---- - -- - -- - -- - ------
------- - -- --------- - -------------------
-
--------------- - ---- - --- - ------ -- --- - ------- - -- --------
-
----- -------- - -------------------
--------------------- --------- -----上述代码中，setCookie() 方法接受三个参数，分别是 cookie 的名称、值和过期时间（以天为单位）。如果未指定过期时间，则默认为会话级别的 cookie。new Date().toUTCString() 可以将日期对象转换为 UTC 格式的字符串。
获取客户端 ID
在需要获取客户端 ID 的地方，我们可以使用以下代码：
-------- --------------- - ----- ----- - -- -------------------- ----- ----- - -------------- ----------- -- ------------- --- -- ------ ------------------------------- - ----- -------- - ----------------------
上述代码中，getCookie() 方法接受一个参数，即要获取的 cookie 的名称。它首先获取浏览器中所有的 cookie，并将其拆分为名称-值对的数组。然后循环遍历这个数组，找到匹配的名称后返回对应的值。
总结
本文介绍了如何使用 JavaScript 生成唯一的客户端 ID，并将其存储到浏览器的 cookie 中。这个客户端 ID 可以用于唯一标识访问网站的计算机，从而进行更精准的统计和分析。
参考资料：
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/9833