从0到1PreMiD Activities开发环境搭建与调试技巧【免费下载链接】Presences Storage for Activities located at our Activity Library.项目地址: https://gitcode.com/gh_mirrors/pr/PresencesPreMiD Activities是一款强大的开源工具能够帮助用户在Discord上展示其在各种网站上的活动状态。本文将为新手开发者提供完整的PreMiD Activities开发环境搭建指南以及实用的调试技巧让你快速上手开发自己的第一个Activity。准备工作开发环境搭建安装必要工具在开始开发PreMiD Activities之前你需要确保系统中已安装以下工具Node.js (建议使用LTS版本)Git代码编辑器 (推荐使用VS Code)PreMiD浏览器扩展克隆项目仓库首先使用Git克隆PreMiD Activities项目仓库到本地git clone https://gitcode.com/gh_mirrors/pr/Presences cd Presences安装项目依赖进入项目目录后运行以下命令安装必要的依赖npm install创建第一个Activity使用CLI创建ActivityPreMiD提供了便捷的命令行工具来帮助你快速创建新的Activity。在项目根目录下运行以下命令npm run cli -- newActivity目录结构CLI工具会为你创建一个包含必要文件的Activity目录基本结构如下websites/[网站名称]/ ├── presence.ts # Activity主要逻辑文件 ├── metadata.json # Activity元数据配置 └── assets/ # 存放Activity所需的图片资源编辑presence.ts文件打开presence.ts文件你可以开始编写Activity的逻辑。以下是一个简单的示例import { Assets, getTimestampsFromMedia } from premid const presence new Presence({ clientId: 你的Client ID }) presence.on(UpdateData, async () { const presenceData: PresenceData { details: 浏览网站, state: document.title, largeImageKey: Assets.Default } presence.setActivity(presenceData) })调试Activity加载开发中的Activity要在浏览器中测试你的Activity需要将其加载到PreMiD扩展中打开PreMiD扩展设置进入开发选项卡点击加载未打包的Activity选择你创建的Activity目录使用开发工具PreMiD提供了一些实用的开发工具来帮助你调试Activity日志查看器在扩展设置的开发选项卡中可以查看Activity的日志输出状态模拟器可以模拟不同的用户活动状态来测试你的Activity常见调试技巧使用console.log在presence.ts中添加console.log语句来输出变量和调试信息检查元数据确保metadata.json中的配置正确无误特别是service和author信息测试不同页面确保你的Activity在网站的不同页面都能正常工作使用getTimestampsFromMedia对于媒体网站使用PreMiD提供的工具函数来获取播放时间信息import { getTimestampsFromMedia } from premid // 在视频播放页面获取时间戳 const video document.querySelector(video) if (video) { const [startTimestamp, endTimestamp] getTimestampsFromMedia(video) presenceData.startTimestamp startTimestamp presenceData.endTimestamp endTimestamp }打包与发布打包Activity当你完成Activity的开发和测试后可以使用以下命令将其打包npm run cli -- build [activity目录]提交到官方仓库如果你希望将你的Activity分享给其他用户可以提交PR到官方仓库Fork官方仓库将你的Activity添加到websites目录提交PR并等待审核参考资源PreMiD官方文档Activity开发指南API参考示例Activity通过以上步骤你已经掌握了PreMiD Activities的开发环境搭建和基本调试技巧。开始创建你自己的Activity为更多网站带来丰富的Discord状态展示吧如有任何问题可以在PreMiD Discord社区寻求帮助。【免费下载链接】Presences Storage for Activities located at our Activity Library.项目地址: https://gitcode.com/gh_mirrors/pr/Presences创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考