PanCpmi API 串接範例

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

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

open

開啟 主子帳號管理視窗

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

const { panCpmi } = useCat()

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

openSwitchMember

開啟 切換帳號視窗

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

const { panCpmi } = useCat()

const openSwitchMember = (payload: { objectId: string }) => {
  panCpmi().openSwitchMember(payload)
}

openEditMember

開啟 編輯當前帳號視窗

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

const { panCpmi } = useCat()

const openEditMember = () => {
  panCpmi().openEditMember()
}

close

關閉 主子帳號管理視窗、切換帳號視窗、編輯當前帳號視窗

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

const { panCpmi } = useCat()

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

openCpmi

開啟 CPMI 視窗

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

const { panCpmi } = useCat()

const openCpmi = () => {
  panCpmi().openCpmi()
}

updateData

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

更新 cpmi 內儲存的資料

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

const { panCpmi } = useCat()

const updateData = async (payload: {
  authToken?: string | undefined
  accessToken?: string | undefined
  switchToAuthToken?: string | undefined
  switchToAccessToken?: string | undefined
  userChooseToSwitch?: string | undefined
  askAgainStr?: string | undefined
  tokenFrom?: TOKEN_FROM | undefined
}) => {
  await panCpmi().updateData(payload)
}

load

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

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

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

const { panCpmi } = useCat()

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