> ## Documentation Index
> Fetch the complete documentation index at: https://docs.superun.com/llms.txt
> Use this file to discover all available pages before exploring further.

# 介紹

> 使用集成和外部 API 擴展您的 superun 應用程序功能

superun 具有原生無縫集成,可以導出代碼並添加後端.但如果您想為應用程序添加特定功能,也可以集成外部 API.

## 什麼是 API?

API 是軟件應用程序相互通信和共享數據的一種方式.不同的 API 提供不同的功能,例如發送電子郵件或處理付款.您可以在我們博客上的這篇文章中詳細了解 API 的強大功能.

## 本機集成

瀏覽以下部分以快速入門並了解有關我們的本機集成的更多資訊.

<a className="card block font-normal group relative my-2 ring-2 ring-transparent rounded-2xl bg-white dark:bg-background-dark border border-gray-950/10 dark:border-white/10 overflow-hidden w-full cursor-pointer hover:!border-primary dark:hover:!border-primary-light" href="/zh-Hant/superun/integrations/ai">
  <div className="px-6 py-5 relative">
    <div style={{ display: 'flex', alignItems: 'center', gap: '0.75rem', marginBottom: '0.5rem' }}>
      <div className="h-6 w-6 bg-primary dark:bg-primary-light" style={{maskImage:"url('https://d3gk2c5xim1je2.cloudfront.net/v6.6.0/regular/brain.svg')",maskRepeat:"no-repeat",maskPosition:"center center"}} />

      <h3 className="not-prose font-semibold text-base text-gray-800 dark:text-white">superun AI</h3>
    </div>

    <div className="prose mt-1 text-sm leading-6 text-gray-600 dark:text-gray-400">解鎖強大的 AI 模型,如 GPT-4,Claude 和 Gemini,無需 API 密鑰,無需設置.</div>
  </div>
</a>

<a className="card block font-normal group relative my-2 ring-2 ring-transparent rounded-2xl bg-white dark:bg-background-dark border border-gray-950/10 dark:border-white/10 overflow-hidden w-full cursor-pointer hover:!border-primary dark:hover:!border-primary-light" href="/zh-Hant/superun/integrations/cloud">
  <div className="px-6 py-5 relative">
    <div style={{ display: 'flex', alignItems: 'center', gap: '0.75rem', marginBottom: '0.5rem' }}>
      <div className="h-6 w-6 bg-primary dark:bg-primary-light" style={{maskImage:"url('https://d3gk2c5xim1je2.cloudfront.net/v6.6.0/regular/cloud.svg')",maskRepeat:"no-repeat",maskPosition:"center center"}} />

      <h3 className="not-prose font-semibold text-base text-gray-800 dark:text-white">superun 雲計算</h3>
    </div>

    <div className="prose mt-1 text-sm leading-6 text-gray-600 dark:text-gray-400">無縫構建複雜的應用程序.</div>
  </div>
</a>

<a className="card block font-normal group relative my-2 ring-2 ring-transparent rounded-2xl bg-white dark:bg-background-dark border border-gray-950/10 dark:border-white/10 overflow-hidden w-full cursor-pointer hover:!border-primary dark:hover:!border-primary-light" href="/zh-Hant/superun/integrations/storage">
  <div className="px-6 py-5 relative">
    <div style={{ display: 'flex', alignItems: 'center', gap: '0.75rem', marginBottom: '0.5rem' }}>
      <div className="h-6 w-6 bg-primary dark:bg-primary-light" style={{maskImage:"url('https://d3gk2c5xim1je2.cloudfront.net/v6.6.0/regular/folder.svg')",maskRepeat:"no-repeat",maskPosition:"center center"}} />

      <h3 className="not-prose font-semibold text-base text-gray-800 dark:text-white">superun 雲儲存</h3>
    </div>

    <div className="prose mt-1 text-sm leading-6 text-gray-600 dark:text-gray-400">將儲存功能整合到您的產品中.安全地儲存和檢索數據.</div>
  </div>
</a>

<a className="card block font-normal group relative my-2 ring-2 ring-transparent rounded-2xl bg-white dark:bg-background-dark border border-gray-950/10 dark:border-white/10 overflow-hidden w-full cursor-pointer hover:!border-primary dark:hover:!border-primary-light" href="/zh-Hant/superun/integrations/stripe">
  <div className="px-6 py-5 relative">
    <div style={{ display: 'flex', alignItems: 'center', gap: '0.75rem', marginBottom: '0.5rem' }}>
      <div className="h-6 w-6 bg-primary dark:bg-primary-light" style={{maskImage:"url('https://d3gk2c5xim1je2.cloudfront.net/v6.6.0/regular/credit-card.svg')",maskRepeat:"no-repeat",maskPosition:"center center"}} />

      <h3 className="not-prose font-semibold text-base text-gray-800 dark:text-white">Stripe 集成</h3>
    </div>

    <div className="prose mt-1 text-sm leading-6 text-gray-600 dark:text-gray-400">使用 Stripe 將支付處理功能添加到您的 superun 應用程序（適用於國際支付場景）.如需接入微信支付或支付寶支付,請使用專門的接入指南.</div>
  </div>
</a>

<a className="card block font-normal group relative my-2 ring-2 ring-transparent rounded-2xl bg-white dark:bg-background-dark border border-gray-950/10 dark:border-white/10 overflow-hidden w-full cursor-pointer hover:!border-primary dark:hover:!border-primary-light" href="/zh-Hant/superun/integrations/image-generation">
  <div className="px-6 py-5 relative">
    <div style={{ display: 'flex', alignItems: 'center', gap: '0.75rem', marginBottom: '0.5rem' }}>
      <div className="h-6 w-6 bg-primary dark:bg-primary-light" style={{maskImage:"url('https://d3gk2c5xim1je2.cloudfront.net/v6.6.0/regular/image.svg')",maskRepeat:"no-repeat",maskPosition:"center center"}} />

      <h3 className="not-prose font-semibold text-base text-gray-800 dark:text-white">superun 生圖</h3>
    </div>

    <div className="prose mt-1 text-sm leading-6 text-gray-600 dark:text-gray-400">將 AI 生圖功能整合到產品中,支援插畫、素材圖、頁面配圖等場景.</div>
  </div>
</a>

<a className="card block font-normal group relative my-2 ring-2 ring-transparent rounded-2xl bg-white dark:bg-background-dark border border-gray-950/10 dark:border-white/10 overflow-hidden w-full cursor-pointer hover:!border-primary dark:hover:!border-primary-light" href="/zh-Hant/superun/integrations/video-generation">
  <div className="px-6 py-5 relative">
    <div style={{ display: 'flex', alignItems: 'center', gap: '0.75rem', marginBottom: '0.5rem' }}>
      <div className="h-6 w-6 bg-primary dark:bg-primary-light" style={{maskImage:"url('https://d3gk2c5xim1je2.cloudfront.net/v6.6.0/regular/film.svg')",maskRepeat:"no-repeat",maskPosition:"center center"}} />

      <h3 className="not-prose font-semibold text-base text-gray-800 dark:text-white">影片生成</h3>
    </div>

    <div className="prose mt-1 text-sm leading-6 text-gray-600 dark:text-gray-400">為產品整合 AI 影片生成能力.</div>
  </div>
</a>

<a className="card block font-normal group relative my-2 ring-2 ring-transparent rounded-2xl bg-white dark:bg-background-dark border border-gray-950/10 dark:border-white/10 overflow-hidden w-full cursor-pointer hover:!border-primary dark:hover:!border-primary-light" href="/zh-Hant/superun/integrations/text-to-speech">
  <div className="px-6 py-5 relative">
    <div style={{ display: 'flex', alignItems: 'center', gap: '0.75rem', marginBottom: '0.5rem' }}>
      <div className="h-6 w-6 bg-primary dark:bg-primary-light" style={{maskImage:"url('https://d3gk2c5xim1je2.cloudfront.net/v6.6.0/regular/volume-high.svg')",maskRepeat:"no-repeat",maskPosition:"center center"}} />

      <h3 className="not-prose font-semibold text-base text-gray-800 dark:text-white">文字轉語音</h3>
    </div>

    <div className="prose mt-1 text-sm leading-6 text-gray-600 dark:text-gray-400">為產品整合 AI 文字轉語音能力,支援多種音色和語言.</div>
  </div>
</a>

<a className="card block font-normal group relative my-2 ring-2 ring-transparent rounded-2xl bg-white dark:bg-background-dark border border-gray-950/10 dark:border-white/10 overflow-hidden w-full cursor-pointer hover:!border-primary dark:hover:!border-primary-light" href="/zh-Hant/superun/integrations/amap">
  <div className="px-6 py-5 relative">
    <div style={{ display: 'flex', alignItems: 'center', gap: '0.75rem', marginBottom: '0.5rem' }}>
      <div className="h-6 w-6 bg-primary dark:bg-primary-light" style={{maskImage:"url('https://d3gk2c5xim1je2.cloudfront.net/v6.6.0/regular/map-location-dot.svg')",maskRepeat:"no-repeat",maskPosition:"center center"}} />

      <h3 className="not-prose font-semibold text-base text-gray-800 dark:text-white">高德地圖</h3>
    </div>

    <div className="prose mt-1 text-sm leading-6 text-gray-600 dark:text-gray-400">為產品整合高德地圖能力,包括地圖展示、地點搜索和路線規劃.</div>
  </div>
</a>

<a className="card block font-normal group relative my-2 ring-2 ring-transparent rounded-2xl bg-white dark:bg-background-dark border border-gray-950/10 dark:border-white/10 overflow-hidden w-full cursor-pointer hover:!border-primary dark:hover:!border-primary-light" href="/zh-Hant/superun/integrations/faceid">
  <div className="px-6 py-5 relative">
    <div style={{ display: 'flex', alignItems: 'center', gap: '0.75rem', marginBottom: '0.5rem' }}>
      <div className="h-6 w-6 bg-primary dark:bg-primary-light" style={{maskImage:"url('https://d3gk2c5xim1je2.cloudfront.net/v6.6.0/regular/user.svg')",maskRepeat:"no-repeat",maskPosition:"center center"}} />

      <h3 className="not-prose font-semibold text-base text-gray-800 dark:text-white">騰訊雲人臉能力</h3>
    </div>

    <div className="prose mt-1 text-sm leading-6 text-gray-600 dark:text-gray-400">接入騰訊雲人臉能力,支援實名核驗、活體檢測與照片人臉比對.</div>
  </div>
</a>

<a className="card block font-normal group relative my-2 ring-2 ring-transparent rounded-2xl bg-white dark:bg-background-dark border border-gray-950/10 dark:border-white/10 overflow-hidden w-full cursor-pointer hover:!border-primary dark:hover:!border-primary-light" href="/zh-Hant/superun/integrations/sms">
  <div className="px-6 py-5 relative">
    <div style={{ display: 'flex', alignItems: 'center', gap: '0.75rem', marginBottom: '0.5rem' }}>
      <div className="h-6 w-6 bg-primary dark:bg-primary-light" style={{maskImage:"url('https://d3gk2c5xim1je2.cloudfront.net/v6.6.0/regular/comment-sms.svg')",maskRepeat:"no-repeat",maskPosition:"center center"}} />

      <h3 className="not-prose font-semibold text-base text-gray-800 dark:text-white">短信服務</h3>
    </div>

    <div className="prose mt-1 text-sm leading-6 text-gray-600 dark:text-gray-400">為產品整合短信發送能力,支援阿里雲和騰訊雲短信服務商.</div>
  </div>
</a>

<a className="card block font-normal group relative my-2 ring-2 ring-transparent rounded-2xl bg-white dark:bg-background-dark border border-gray-950/10 dark:border-white/10 overflow-hidden w-full cursor-pointer hover:!border-primary dark:hover:!border-primary-light" href="/zh-Hant/superun/integrations/agent-friendly">
  <div className="px-6 py-5 relative">
    <div style={{ display: 'flex', alignItems: 'center', gap: '0.75rem', marginBottom: '0.5rem' }}>
      <div className="h-6 w-6 bg-primary dark:bg-primary-light" style={{maskImage:"url('https://d3gk2c5xim1je2.cloudfront.net/v6.6.0/regular/terminal.svg')",maskRepeat:"no-repeat",maskPosition:"center center"}} />

      <h3 className="not-prose font-semibold text-base text-gray-800 dark:text-white">Agent 友好</h3>
    </div>

    <div className="prose mt-1 text-sm leading-6 text-gray-600 dark:text-gray-400">把你在 superun 上做的應用變成 AI 智慧體可以直接調用的工具.</div>
  </div>
</a>

<a className="card block font-normal group relative my-2 ring-2 ring-transparent rounded-2xl bg-white dark:bg-background-dark border border-gray-950/10 dark:border-white/10 overflow-hidden w-full cursor-pointer hover:!border-primary dark:hover:!border-primary-light" href="/zh-Hant/superun/integrations/resend">
  <div className="px-6 py-5 relative">
    <div style={{ display: 'flex', alignItems: 'center', gap: '0.75rem', marginBottom: '0.5rem' }}>
      <div className="h-6 w-6 bg-primary dark:bg-primary-light" style={{maskImage:"url('https://d3gk2c5xim1je2.cloudfront.net/v6.6.0/regular/envelope.svg')",maskRepeat:"no-repeat",maskPosition:"center center"}} />

      <h3 className="not-prose font-semibold text-base text-gray-800 dark:text-white">Resend 集成</h3>
    </div>

    <div className="prose mt-1 text-sm leading-6 text-gray-600 dark:text-gray-400">使用 Resend 將電子郵件功能添加到您的 superun 應用程序.Resend 是一個現代化的電子郵件 API.</div>
  </div>
</a>

<a className="card block font-normal group relative my-2 ring-2 ring-transparent rounded-2xl bg-white dark:bg-background-dark border border-gray-950/10 dark:border-white/10 overflow-hidden w-full cursor-pointer hover:!border-primary dark:hover:!border-primary-light" href="/zh-Hant/superun/integrations/superun-sms-provider">
  <div className="px-6 py-5 relative">
    <div style={{ display: 'flex', alignItems: 'center', gap: '0.75rem', marginBottom: '0.5rem' }}>
      <div className="h-6 w-6 bg-primary dark:bg-primary-light" style={{maskImage:"url('https://d3gk2c5xim1je2.cloudfront.net/v6.6.0/regular/phone.svg')",maskRepeat:"no-repeat",maskPosition:"center center"}} />

      <h3 className="not-prose font-semibold text-base text-gray-800 dark:text-white">superun SMS Provider</h3>
    </div>

    <div className="prose mt-1 text-sm leading-6 text-gray-600 dark:text-gray-400">使用 superun 雲計算 整合 SMS 手機驗證 - 自動配置並可直接使用.</div>
  </div>
</a>

<a className="card block font-normal group relative my-2 ring-2 ring-transparent rounded-2xl bg-white dark:bg-background-dark border border-gray-950/10 dark:border-white/10 overflow-hidden w-full cursor-pointer hover:!border-primary dark:hover:!border-primary-light" href="/zh-Hant/superun/integrations/dingtalk">
  <div className="px-6 py-5 relative">
    <div style={{ display: 'flex', alignItems: 'center', gap: '0.75rem', marginBottom: '0.5rem' }}>
      <div className="h-6 w-6 bg-primary dark:bg-primary-light" style={{maskImage:"url('https://d3gk2c5xim1je2.cloudfront.net/v6.6.0/regular/comments.svg')",maskRepeat:"no-repeat",maskPosition:"center center"}} />

      <h3 className="not-prose font-semibold text-base text-gray-800 dark:text-white">釘釘插件</h3>
    </div>

    <div className="prose mt-1 text-sm leading-6 text-gray-600 dark:text-gray-400">將釘釘登入、企業成員校驗與知識庫文件寫入能力整合到您的 superun 應用中.</div>
  </div>
</a>

<a className="card block font-normal group relative my-2 ring-2 ring-transparent rounded-2xl bg-white dark:bg-background-dark border border-gray-950/10 dark:border-white/10 overflow-hidden w-full cursor-pointer hover:!border-primary dark:hover:!border-primary-light" href="/zh-Hant/superun/integrations/dingtalk-document">
  <div className="px-6 py-5 relative">
    <div style={{ display: 'flex', alignItems: 'center', gap: '0.75rem', marginBottom: '0.5rem' }}>
      <div className="h-6 w-6 bg-primary dark:bg-primary-light" style={{maskImage:"url('https://d3gk2c5xim1je2.cloudfront.net/v6.6.0/regular/file-lines.svg')",maskRepeat:"no-repeat",maskPosition:"center center"}} />

      <h3 className="not-prose font-semibold text-base text-gray-800 dark:text-white">釘釘文件寫入</h3>
    </div>

    <div className="prose mt-1 text-sm leading-6 text-gray-600 dark:text-gray-400">把產品內容、AI 生成結果或業務數據寫入釘釘知識庫文件.</div>
  </div>
</a>

<a className="card block font-normal group relative my-2 ring-2 ring-transparent rounded-2xl bg-white dark:bg-background-dark border border-gray-950/10 dark:border-white/10 overflow-hidden w-full cursor-pointer hover:!border-primary dark:hover:!border-primary-light" href="/zh-Hant/superun/integrations/wecom">
  <div className="px-6 py-5 relative">
    <div style={{ display: 'flex', alignItems: 'center', gap: '0.75rem', marginBottom: '0.5rem' }}>
      <div className="h-6 w-6 bg-primary dark:bg-primary-light" style={{maskImage:"url('https://d3gk2c5xim1je2.cloudfront.net/v6.6.0/regular/building-user.svg')",maskRepeat:"no-repeat",maskPosition:"center center"}} />

      <h3 className="not-prose font-semibold text-base text-gray-800 dark:text-white">企業微信插件</h3>
    </div>

    <div className="prose mt-1 text-sm leading-6 text-gray-600 dark:text-gray-400">接入企業微信登入、成員訪問控制與組織架構能力.</div>
  </div>
</a>

<a className="card block font-normal group relative my-2 ring-2 ring-transparent rounded-2xl bg-white dark:bg-background-dark border border-gray-950/10 dark:border-white/10 overflow-hidden w-full cursor-pointer hover:!border-primary dark:hover:!border-primary-light" href="/zh-Hant/superun/integrations/wecom-contacts">
  <div className="px-6 py-5 relative">
    <div style={{ display: 'flex', alignItems: 'center', gap: '0.75rem', marginBottom: '0.5rem' }}>
      <div className="h-6 w-6 bg-primary dark:bg-primary-light" style={{maskImage:"url('https://d3gk2c5xim1je2.cloudfront.net/v6.6.0/regular/users.svg')",maskRepeat:"no-repeat",maskPosition:"center center"}} />

      <h3 className="not-prose font-semibold text-base text-gray-800 dark:text-white">企業微信通訊錄</h3>
    </div>

    <div className="prose mt-1 text-sm leading-6 text-gray-600 dark:text-gray-400">讀取企業微信成員、部門和組織結構，用於選擇器、權限和身份映射.</div>
  </div>
</a>

<a className="card block font-normal group relative my-2 ring-2 ring-transparent rounded-2xl bg-white dark:bg-background-dark border border-gray-950/10 dark:border-white/10 overflow-hidden w-full cursor-pointer hover:!border-primary dark:hover:!border-primary-light" href="/zh-Hant/superun/integrations/feishu">
  <div className="px-6 py-5 relative">
    <div style={{ display: 'flex', alignItems: 'center', gap: '0.75rem', marginBottom: '0.5rem' }}>
      <div className="h-6 w-6 bg-primary dark:bg-primary-light" style={{maskImage:"url('https://d3gk2c5xim1je2.cloudfront.net/v6.6.0/regular/paper-plane.svg')",maskRepeat:"no-repeat",maskPosition:"center center"}} />

      <h3 className="not-prose font-semibold text-base text-gray-800 dark:text-white">飛書插件</h3>
    </div>

    <div className="prose mt-1 text-sm leading-6 text-gray-600 dark:text-gray-400">接入飛書登入、訊息、日程、任務和通訊錄能力.</div>
  </div>
</a>

<a className="card block font-normal group relative my-2 ring-2 ring-transparent rounded-2xl bg-white dark:bg-background-dark border border-gray-950/10 dark:border-white/10 overflow-hidden w-full cursor-pointer hover:!border-primary dark:hover:!border-primary-light" href="/zh-Hant/superun/integrations/feishu-message">
  <div className="px-6 py-5 relative">
    <div style={{ display: 'flex', alignItems: 'center', gap: '0.75rem', marginBottom: '0.5rem' }}>
      <div className="h-6 w-6 bg-primary dark:bg-primary-light" style={{maskImage:"url('https://d3gk2c5xim1je2.cloudfront.net/v6.6.0/regular/message.svg')",maskRepeat:"no-repeat",maskPosition:"center center"}} />

      <h3 className="not-prose font-semibold text-base text-gray-800 dark:text-white">飛書訊息</h3>
    </div>

    <div className="prose mt-1 text-sm leading-6 text-gray-600 dark:text-gray-400">接入機器人通知、群訊息、訊息卡片和事件訂閱.</div>
  </div>
</a>

<a className="card block font-normal group relative my-2 ring-2 ring-transparent rounded-2xl bg-white dark:bg-background-dark border border-gray-950/10 dark:border-white/10 overflow-hidden w-full cursor-pointer hover:!border-primary dark:hover:!border-primary-light" href="/zh-Hant/superun/integrations/feishu-calendar">
  <div className="px-6 py-5 relative">
    <div style={{ display: 'flex', alignItems: 'center', gap: '0.75rem', marginBottom: '0.5rem' }}>
      <div className="h-6 w-6 bg-primary dark:bg-primary-light" style={{maskImage:"url('https://d3gk2c5xim1je2.cloudfront.net/v6.6.0/regular/calendar-days.svg')",maskRepeat:"no-repeat",maskPosition:"center center"}} />

      <h3 className="not-prose font-semibold text-base text-gray-800 dark:text-white">飛書日程</h3>
    </div>

    <div className="prose mt-1 text-sm leading-6 text-gray-600 dark:text-gray-400">接入日程建立、查詢、會議安排和可用時間檢查.</div>
  </div>
</a>

<a className="card block font-normal group relative my-2 ring-2 ring-transparent rounded-2xl bg-white dark:bg-background-dark border border-gray-950/10 dark:border-white/10 overflow-hidden w-full cursor-pointer hover:!border-primary dark:hover:!border-primary-light" href="/zh-Hant/superun/integrations/feishu-task">
  <div className="px-6 py-5 relative">
    <div style={{ display: 'flex', alignItems: 'center', gap: '0.75rem', marginBottom: '0.5rem' }}>
      <div className="h-6 w-6 bg-primary dark:bg-primary-light" style={{maskImage:"url('https://d3gk2c5xim1je2.cloudfront.net/v6.6.0/regular/list-check.svg')",maskRepeat:"no-repeat",maskPosition:"center center"}} />

      <h3 className="not-prose font-semibold text-base text-gray-800 dark:text-white">飛書任務</h3>
    </div>

    <div className="prose mt-1 text-sm leading-6 text-gray-600 dark:text-gray-400">接入任務建立、負責人、狀態同步和提醒流程.</div>
  </div>
</a>

<a className="card block font-normal group relative my-2 ring-2 ring-transparent rounded-2xl bg-white dark:bg-background-dark border border-gray-950/10 dark:border-white/10 overflow-hidden w-full cursor-pointer hover:!border-primary dark:hover:!border-primary-light" href="/zh-Hant/superun/integrations/feishu-contacts">
  <div className="px-6 py-5 relative">
    <div style={{ display: 'flex', alignItems: 'center', gap: '0.75rem', marginBottom: '0.5rem' }}>
      <div className="h-6 w-6 bg-primary dark:bg-primary-light" style={{maskImage:"url('https://d3gk2c5xim1je2.cloudfront.net/v6.6.0/regular/address-book.svg')",maskRepeat:"no-repeat",maskPosition:"center center"}} />

      <h3 className="not-prose font-semibold text-base text-gray-800 dark:text-white">飛書通訊錄</h3>
    </div>

    <div className="prose mt-1 text-sm leading-6 text-gray-600 dark:text-gray-400">讀取飛書成員、部門和組織結構，用於成員選擇、權限和身份映射.</div>
  </div>
</a>

<a className="card block font-normal group relative my-2 ring-2 ring-transparent rounded-2xl bg-white dark:bg-background-dark border border-gray-950/10 dark:border-white/10 overflow-hidden w-full cursor-pointer hover:!border-primary dark:hover:!border-primary-light" href="/zh-Hant/superun/integrations/email-resume-fetch">
  <div className="px-6 py-5 relative">
    <div style={{ display: 'flex', alignItems: 'center', gap: '0.75rem', marginBottom: '0.5rem' }}>
      <div className="h-6 w-6 bg-primary dark:bg-primary-light" style={{maskImage:"url('https://d3gk2c5xim1je2.cloudfront.net/v6.6.0/regular/envelope-open-text.svg')",maskRepeat:"no-repeat",maskPosition:"center center"}} />

      <h3 className="not-prose font-semibold text-base text-gray-800 dark:text-white">信箱履歷採集</h3>
    </div>

    <div className="prose mt-1 text-sm leading-6 text-gray-600 dark:text-gray-400">從招聘信箱收取履歷附件，解析候選人資訊並同步到候選人庫.</div>
  </div>
</a>

<a className="card block font-normal group relative my-2 ring-2 ring-transparent rounded-2xl bg-white dark:bg-background-dark border border-gray-950/10 dark:border-white/10 overflow-hidden w-full cursor-pointer hover:!border-primary dark:hover:!border-primary-light" href="/zh-Hant/superun/integrations/wechat-miniprogram">
  <div className="px-6 py-5 relative">
    <div style={{ display: 'flex', alignItems: 'center', gap: '0.75rem', marginBottom: '0.5rem' }}>
      <div className="h-6 w-6 bg-primary dark:bg-primary-light" style={{maskImage:"url('https://d3gk2c5xim1je2.cloudfront.net/v6.6.0/regular/mobile-screen.svg')",maskRepeat:"no-repeat",maskPosition:"center center"}} />

      <h3 className="not-prose font-semibold text-base text-gray-800 dark:text-white">微信小程序</h3>
    </div>

    <div className="prose mt-1 text-sm leading-6 text-gray-600 dark:text-gray-400">一鍵將專案發布為微信小程序，在 superun 內完成預覽與上傳.</div>
  </div>
</a>

## 入門

<Steps>
  <Step title="選擇集成">
    瀏覽我們經過驗證的集成或計劃集成自定義 API
  </Step>

  <Step title="設置身份驗證">
    安全地配置 API 密鑰和身份驗證方法
  </Step>

  <Step title="測試集成">
    使用 superun 的內置測試工具來驗證您的集成是否有效
  </Step>

  <Step title="部署和監控">
    部署您的應用程序並監控集成的性能
  </Step>
</Steps>

<a className="card block font-normal group relative my-2 ring-2 ring-transparent rounded-2xl bg-white dark:bg-background-dark border border-gray-950/10 dark:border-white/10 overflow-hidden w-full cursor-pointer hover:!border-primary dark:hover:!border-primary-light" href="/zh-Hant/superun/introduction/faq">
  <div className="px-6 py-5 relative">
    <div style={{ display: 'flex', alignItems: 'center', gap: '0.75rem', marginBottom: '0.5rem' }}>
      <div className="h-6 w-6 bg-primary dark:bg-primary-light" style={{maskImage:"url('https://d3gk2c5xim1je2.cloudfront.net/v6.6.0/regular/circle-question.svg')",maskRepeat:"no-repeat",maskPosition:"center center"}} />

      <h3 className="not-prose font-semibold text-base text-gray-800 dark:text-white">需要幫助嗎?</h3>
    </div>

    <div className="prose mt-1 text-sm leading-6 text-gray-600 dark:text-gray-400">查看我們的常見問題解答,了解常見集成問題和故障排除提示.</div>
  </div>
</a>