您正在查看: Other-新手教程分类下的文章

fingerprintjs- 浏览器指纹库

2024-11-08　 Surou　阅读　 Other-新手教程　 0 评论

介绍

FingerprintJS 是一个源代码可用的客户端浏览器指纹识别库，可查询浏览器属性并根据这些属性计算哈希访客标识符。与 Cookie 和本地存储不同，指纹在隐身/隐私模式下保持不变，即使浏览器数据被清除也是如此。

github: https://github.com/fingerprintjs/fingerprintjs

测试用例

https://stackblitz.com/edit/fpjs-4-cdn?devtoolsheight=100&file=index.html

<script>
  // Initialize the agent at application startup.
  const fpPromise = import('https://openfpcdn.io/fingerprintjs/v4')
    .then(FingerprintJS => FingerprintJS.load())

  // Get the visitor identifier when you need it.
  fpPromise
    .then(fp => fp.get())
    .then(result => {
      // This is the visitor identifier:
      const visitorId = result.visitorId
      console.log(visitorId)
    })
    .catch(error => console.error(error))
</script>

返回当前浏览器指纹。类似

e625d944e21fd5885657b367c3b2952e

轻量级服务器监控中心，具有历史数据、docker 统计信息和警报

2024-11-01　 Surou　阅读　 Other-新手教程　 0 评论

介绍

Beszel是一个轻量级平台，可实时洞察您的系统性能。借助 Beszel，您可以访问 CPU 和内存使用情况的历史数据，以及 Docker 容器指标（例如特定于容器的 CPU 和内存统计信息）。您还将收到针对潜在问题的可自定义警报通知，以便采取主动措施来优化服务器性能。

特征

轻量级：比领先的解决方案更小且资源密集程度更低。
简单：易于设置，无需公开互联网曝光。
Docker 统计：跟踪每个容器的 CPU、内存和网络使用历史记录。
警报：可配置 CPU、内存、磁盘、带宽、温度和系统状态的警报。
多用户：每个用户管理自己的系统。管理员可以跨用户共享系统。
OAuth / OIDC：支持多个 OAuth2 提供商。可以禁用密码验证。
自动备份：从磁盘或 S3 兼容存储保存和恢复数据。
REST API：在您自己的脚本和应用程序中使用或更新您的数据。

组成

Beszel 由两个主要组件组成：集线器和代理。

Hub：一个 Web 应用程序，提供用于查看和管理已连接系统的仪表板。基于PocketBase构建。
代理：在您想要监控的每个系统上运行，创建一个最小的 SSH 服务器来将系统指标传达给集线器。

介绍：https://noted.lol/beszel/
GitHub：https://github.com/henrygd/beszel

Neko Docker 中运行并使用 WebRTC 技术的自托管虚拟浏览器

2024-10-18　 Surou　阅读　 Other-新手教程　 0 评论

介绍

这是一个在 Docker 中运行并使用 WebRTC 技术的自托管虚拟浏览器。Neko 是一个功能强大的工具，可让您在虚拟环境中运行功能齐全的浏览器，让您能够从任何地方安全且私密地访问互联网。使用 Neko，您可以像在常规浏览器上一样浏览网页、运行应用程序和执行其他任务，所有这些都在安全和隔离的环境中完成。无论您是希望测试 Web 应用程序的开发人员、寻求安全浏览体验的注重隐私的用户，还是只是想利用虚拟浏览器的便利性和灵活性的人，Neko 都是完美的解决方案。

除了安全和隐私功能外，Neko 还允许多个用户同时访问浏览器。这使其成为需要共享浏览器访问权限的团队或组织以及希望使用多台设备访问同一虚拟环境的个人的理想解决方案。使用 Neko，您可以轻松安全地与他人共享浏览器访问权限，而无需担心维护单独的配置或设置。无论您需要协作完成项目、访问共享资源，还是只是想与朋友或家人共享浏览器访问权限，Neko 都能让您轻松实现。

快速启动

https://neko.m1k1o.net/#/getting-started/quick-start

Meemaw 开源MPC钱包使用技术调研

2024-10-11　 Surou　阅读　 Other-新手教程　 0 评论

介绍

一款开源MPC钱包SaaS服务
官网：https://getmeemaw.com/
文档：https://getmeemaw.com/docs/getting-started/

特点

接入简单

自定义Auth集成

参考：https://getmeemaw.com/docs/auth/custom

提供云和私有化部署

云：https://getmeemaw.com/docs/getting-started/cloud
私有化：https://getmeemaw.com/docs/getting-started/self-host

部署测试

云部署

准备Sepolia RPC

例如：Alchemy、Infura等

注册Supabase

使用三方的Auth服务方便演示，后期可以自定义

打开https://supabase.com/ 注册并登录账户
新建组织和项目
点击Authentication，添加测试User {记录邮箱和密码，后面登录会需要}

创建Meemaw账户

配置Meemaw

配置Supabase URL 和 Supabase API 密钥

在仪表板中，单击左侧菜单中的“身份验证”。从那里，您可以配置用户身份验证和认证方式。
为了便于本示例，选择“Supabase”作为身份验证提供商，然后提供您的 Supabase URL 和 Supabase API 密钥。别忘了保存。
注：Supabase信息获取，直接在Supabase新建的项目首页中获取

配置 security

选择security，测试直接设置为*，后期根据真实ip设置

获取项目 URL

点击左侧API,https://getmeemaw.com/cloud/api, 复制Project URL

Clone实例

git clone https://github.com/getmeemaw/example-js.git
cd example-js

修改实例参数

编辑实例代码 client/src/app/tx.jsx，使用您的项目URL 进行更新

const meemaw = await Meemaw.init('https://getmeemaw.co/YOUR-PROJECT-URL');

使用前面准备的Sepolia RPC替换YOUR-JSON-RPC-API-URL

const web3 = new Web3(new Web3.providers.HttpProvider("YOUR-JSON-RPC-API-URL"));

启动测试实例

cd client
npm install
npm run dev

注：nodejs 需要v18及以上版本

登陆测试

访问：http://localhost:3000

输入前面Supabase测试User邮箱和密码，进行登录

初始化

首次使用，创建钱包

非首次，可以选择从备份恢复

创建成功

可以先给新建的钱包地址转入一些gas,然后测试交易

测试交易

输入接收eth地址，点击 Send Transaction，等待转账结束，查看区块浏览器
云部署测试结束

私有化部署

部署服务端

与云部署相同实例

git clone https://github.com/getmeemaw/example-js.git
cd example-js

编辑 server/.env，更新SUPABASE_URL并SUPABASE_API_KEY使用您的配置 {与云部署步骤相同}

启动Server

docker compose up -d

meemaw_app  | 2024/10/11 10:36:14 Schema does not exist, creating...
meemaw_app  | 2024/10/11 10:36:14 Schema loaded
meemaw_app  | 2024/10/11 10:36:14 Starting server on port 8421

修改client

步骤和云部署一致，只是Meemaw.init地址改为Server对应的ip:8421
编辑实例代码 client/src/app/tx.jsx，使用您的项目URL 进行更新

const meemaw = await Meemaw.init('http://服务端所在ip+端口或域名');