權限控制

這個 Skill 會幫你做什麼？

當你說「擋住沒付費的用戶」或「實作 paywall」時，AI 會幫你建立權限檢查機制。

使用 useCustomer Hook

import { useCustomer } from 'recur-tw'

function PremiumFeature() {
  const { hasActiveSubscription, isLoading } = useCustomer()

  if (isLoading) return <Loading />

  if (!hasActiveSubscription) {
    return <Paywall />
  }

  return <PremiumContent />
}

兩種檢查方式

快取檢查（推薦）

使用快取的訂閱狀態，速度快但可能有幾秒延遲。

即時檢查

每次都向伺服器查詢最新狀態，適合高敏感操作。

處理各種訂閱狀態

狀態	說明	建議處理方式
active	訂閱有效	允許存取
trialing	試用中	允許存取
past_due	付款逾期	允許存取但提醒更新付款方式
cancelled	已取消	允許存取到期末
expired	已過期	顯示 Paywall

Paywall 元件

AI 會幫你建立美觀的 Paywall 元件，引導使用者訂閱。

適用情境

• 限制進階功能只有付費用戶可用
• 顯示不同的 UI 給免費/付費用戶
• 在 API 層檢查使用者權限