Tnv原始碼中的ClientOptions介面解釋

在本文中，我們分析了 T3 Env 中的函數 createEnv 參數中為客戶端物件提供的 ClientOptions 介面。下面提供了 t3-env 的簡單用法：

我們有興趣找出客戶端物件的類型/介面。

馬上，我就可以看出我們可以按照 Record 的方式來期待這種類型，但是 t3-env 定義的方式是不同的。看看下面從 T3 Env 原始碼中選取的類型。

您會發現它使用泛型類型，而TClient 的類型為Record，但客戶端沒有此類型，而是進行了檢查以確保客戶端中定義的金鑰以您定義的任何內容為前綴。在 ClientPrefix 中定義。

例如，您已將前綴定義為“NEXT_PUBLIC_”，並且嘗試使用不以“NEXT_PBULIC_”為前綴的鍵定義某個變量，您將看到一條錯誤訊息“{variable} is not前綴為“NEXT_PBULIC_”

這在像 Next.js 這樣的框架中非常強大，您不想意外地將伺服器端變數暴露給客戶端。

檢查此文件 - https://env.t3.gg/docs/core#create-your-schema，這討論了前綴錯誤。

關於我們：

在 Thinkthroo，我們研究大型開源專案並提供架構指南。我們開發了使用 Tailwind 建構的可重複使用元件，您可以在專案中使用它們。我們提供 Next.js、React 和 Node 開發服務。

與我們預約會面討論您的專案。

參考資料：

1. https://github.com/t3-oss/t3-env/blob/main/packages/core/src/index.ts#L130

2. https://env.t3.gg/docs/core#create-your-schema

以上是Tnv原始碼中的ClientOptions介面解釋的詳細內容。更多資訊請關注PHP中文網其他相關文章！