以下範例在 Umbraco 14 和 15 中進行了測試,我在這裡編寫它們主要是為了能夠快速找到如何產生 TypeScript 用戶端並從 Umbraco 取得 access_token。
本質上,我們希望將 Authorization 標頭放入 fetch() 呼叫中:
可以使用 Context API 包裝在 Umbraco 中:
不過,不要這樣做。請改用 TypeScript 用戶端產生器:
我總是使用最新版本的 @hey-api/openapi-ts 來產生 TypeScript 用戶端。這個庫支援多個客戶端,我正在嘗試升級到他們自己的@hey-api/client-fetch,但它也有一個本機獲取。以下是如何為兩個用戶端連接 Umbraco 的身份驗證。
首先,安裝@hey-api/openapi-ts:
然後在package.json中建立腳本:
接下來,建立 /App_Plugins/MyExtensions/umbraco-package.json 並註冊 backofficeEntryPoint 類型的擴充:
確保設定 TypeScript 轉譯器(tsc、vite 等)並建立入口點.ts 檔案。
將以下內容加入entry-point.ts:
注意: 此客戶端已棄用。要使用它,請在generate腳本中將@hey-api/client-fetch替換為legacy/fetch。
將以下內容加入entry-point.ts:
入口點確保在後台發出任何請求之前設定授權,現在您可以匯入產生的 SDK 並從任何元素呼叫它,無論是否有 tryExecute 和 tryExecuteAndNotify 函數。
以上是Umbraco 與 Bellissima:Swagger、代幣、入口點的詳細內容。更多資訊請關注PHP中文網其他相關文章!