Flipper 客户端插件 myplugin

这是一个最小可运行的 Flipper 客户端插件示例，桌面端 UI 使用 Sandy 架构（plugin + Component）。

开发环境

• 安装 Node.js（建议 >= 16）
• 安装 Flipper 桌面应用（macOS 直接安装 .dmg）

快速开始

cd flipper-plugin-myplugin
npm i
npm run start

• npm run start 会启动本地开发模式，Flipper 桌面将动态加载此插件。
• 如果未自动加载，可在 Flipper 设置中打开 Developer 设置的动态插件加载。

构建

npm run build

会生成 dist/bundle.js，用于发布或手动加载。

与移动端对接

• 插件 ID 固定为 myplugin，必须与移动端 getId() 返回值一致。
• 桌面端通过 client.call('doSomething', {x}) 触发移动端方法；移动端通过 connection.send('message', {text}) 推送事件到桌面端。

目录结构

• src/index.tsx：插件入口与 UI 组件
• package.json：插件元数据与构建脚本
• tsconfig.json：TypeScript 配置

可能问题

• 编辑器报缺少依赖类型，是正常的，执行 npm i 后即可。
• 若桌面端无法识别插件，检查 package.json 的 flipperPlugin.id 与移动端 getId() 是否一致。