PanCore API 串接範例

本頁面主要提供 PanCore 相關 API 的使用方式及注意事項。

請先依照 範例 - Cat 的方式實作 useCat.ts 後使用。

使用 PanCore 登入完成之後並不會幫你跨平台登入，如需要跨平台登入功能請使用 PanTools 的 openOauthLogin

open

開啟 PanCore 彈窗

import { useCat } from '@/composable/useCat'

const { panCore } = useCat()

const open = () => {
  panCore().open()
}

close

關閉 PanCore 彈窗

import { useCat } from '@/composable/useCat'

const { panCore } = useCat()

const close = () => {
  panCore().close()
}

logout

開啟確認登出視窗，點擊確認才會真的執行所有平台登出動作

import { useCat } from '@/composable/useCat'

const { panCore } = useCat()

const logout = () => {
  panCore().logout()
}

clearLocalToken

清理本地 Cat 的 token 紀錄。

可作為不清除 cookie，但需要觸發登入器時，請 Cat 清除 token 狀態。 像是產品端未經透過 PanCoreMethods.logout 後導向登入器，使用者依然可以透過重新整理獲取 cookie 狀態而判斷是否自動登入

import { useCat } from '@/composable/useCat'

const { panCore } = useCat()

const clearLocalToken = () => {
  panCore().clearLocalToken()
}

load

產品端 RD 不需執行，此為 Data4 開發者使用

載入 PanCore 相關 js 以及建立 js instance

import { useCat } from '@/composable/useCat'

const { panCore } = useCat()

const load = async () => {
  await panCore().load()
}