Umbraco 與 Bellissima：Swagger、代幣、入口點

以下範例在 Umbraco 14 和 15 中進行了測試，我在這裡編寫它們主要是為了能夠快速找到如何產生 TypeScript 用戶端並從 Umbraco 取得 access_token。

基本驗證

本質上，我們希望將 Authorization 標頭放入 fetch() 呼叫中：

可以使用 Context API 包裝在 Umbraco 中：

不過，不要這樣做。請改用 TypeScript 用戶端產生器：

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 檔案。

@hey-api/client-fetch

將以下內容加入entry-point.ts：

遺留/獲取

注意： 此客戶端已棄用。要使用它，請在generate腳本中將@hey-api/client-fetch替換為legacy/fetch。

將以下內容加入entry-point.ts：

入口點確保在後台發出任何請求之前設定授權，現在您可以匯入產生的 SDK 並從任何元素呼叫它，無論是否有 tryExecute 和 tryExecuteAndNotify 函數。

以上是Umbraco 與 Bellissima：Swagger、代幣、入口點的詳細內容。更多資訊請關注PHP中文網其他相關文章！