返回 Skill 列表
extension
分类: 开发与工程无需 API Key

converting-minikit-to-farcaster

将MiniKit(OnchainKit)中的小程序转换为原生Farcaster SDK。在从@coinbase/onchainkit/minikit迁移、转换MiniKit钩子、移除MiniKitProvider,或者用户提到MiniKit、OnchainKit或Farcaster SDK迁移时使用。

person作者: jakexiaohubgithub

MiniKit to Farcaster SDK

Breaking Changes (SDK v0.2.0+)

  1. sdk.context is a Promise — must await
  2. sdk.isInMiniApp() accepts no parameters
  3. sdk.actions.setPrimaryButton() has no onClick callback

Check version: npm list @farcaster/miniapp-sdk

Quick Reference

| MiniKit | Farcaster SDK | Notes | |---------|---------------|-------| | useMiniKit().setFrameReady() | await sdk.actions.ready() | | | useMiniKit().context | await sdk.context | Async | | useMiniKit().isSDKLoaded | await sdk.isInMiniApp() | No params | | useClose() | await sdk.actions.close() | | | useOpenUrl(url) | await sdk.actions.openUrl(url) | | | useViewProfile(fid) | await sdk.actions.viewProfile({ fid }) | | | useViewCast(hash) | await sdk.actions.viewCast({ hash }) | | | useComposeCast() | await sdk.actions.composeCast({ text, embeds }) | | | useAddFrame() | await sdk.actions.addMiniApp() | | | usePrimaryButton(opts, cb) | await sdk.actions.setPrimaryButton(opts) | No callback | | useAuthenticate() | sdk.quickAuth.getToken() | See AUTH.md |

Context Access Pattern

// WRONG
const fid = sdk.context?.user?.fid;

// CORRECT
const context = await sdk.context;
const fid = context?.user?.fid;

In React components, use state:

const [context, setContext] = useState(null);

useEffect(() => {
  const load = async () => {
    const ctx = await sdk.context;
    setContext(ctx);
  };
  load();
}, []);

Conversion Workflow

  1. Verify Node.js >= 22.11.0
  2. Update dependencies — see DEPENDENCIES.md
  3. Replace imports: @coinbase/onchainkit/minikit@farcaster/miniapp-sdk
  4. Convert hooks using reference above
  5. Add FrameProvider — see PROVIDER.md
  6. Update manifest: frameminiapp — see MANIFEST.md

Common Errors

"Property 'user' does not exist on type 'Promise<MiniAppContext>'" → Await sdk.context before accessing properties

"Expected 0 arguments, but got 1" → Remove parameters from sdk.isInMiniApp()

Context is null in components → Ensure FrameProvider is in your provider chain

References