1. 官网地址

官网地址 (opens new window)

2. 服务端安装

2.1 安装依赖

yarn global add @huolala-tech/page-spy-api@latest && page-spy-api

2.2 启动服务

启动完成后，打开浏览器访问 http://localhost:6752 体验，本地测试完成后即可部署到服务器上。

2.3 docker 部署

# 使用 yarn
yarn global add @huolala-tech/page-spy-api@latest

# 使用 npm
npm install -g @huolala-tech/page-spy-api@latest

# 另外也支持 docker 部署
docker run -d --restart=always -p 6752:6752 --name="pageSpy" ghcr.io/huolalatech/page-spy-web:latest

3. 客户端安装

3.1 安装依赖

yarn add @huolala-tech/page-spy-browser @huolala-tech/page-spy-plugin-data-harbor @huolala-tech/page-spy-plugin-rrweb

3.2 启动调试服务

// index.html
<script crossorigin="anonymous" src="http://localhost:6752/page-spy/index.min.js"></script>
    <!-- 使用第二步：实例化 PageSpy -->
    <script>
      // 实例化的参数都是可选的
      window.$pageSpy = new PageSpy({
        api: 'localhost:6752', //注意：只要主机和端口
        clientOrigin: 'http://localhost:6752',
        project: 'Vue3debug演示',
        autoRender: true,
        title: 'PageSpyVue',
      })
      // 之后即可使用 PageSpy，前往 http://localhost:6752/#/room-list 体验
</script>