iT邦幫忙

2024 iThome 鐵人賽

DAY 14
0

這邊雜筆一些 Directus 除了資料庫以外可以自訂的項目。

媒體庫

Directus 自帶檔案上傳的功能,如果沒有額外設定的話就是直接存在機器上的資料夾,可以設定為放在雲端服務上,甚至能定義多個存放位置,然後在指定不同檔案的存放位置。

STORAGE_LOCATIONS="local,digitalocean,amazon"

定義媒體存放的位置,這邊是用於自己識別的名稱,可以任意命名,以逗號分開。

而對應各個位置的連線設定如下:

STORAGE_<LOCATION>_DRIVER="local" # 除local 外可選的服務有:s3, gcs, azure, cloudinary, supabase
STORAGE_<LOCATION>_ROOT=""
STORAGE_<LOCATION>_HEALTHCHECK_THRESHOLD="750"	

<LOCATION> 對應 STORAGE_LOCATIONS 中的各個項目,然後必須轉為大寫使用,例如 amazon 會像對應到如下:

STORAGE_AMAZON_DRIVER="s3"

另外對應不同服務也會有其他需要設定的內容(例如驗證),詳細參考官方文件

擴充套件

Directus 具有 Extensions 功能,能夠自行開發擴充功能,目前版本(v11.1.0) 也有測試版的 Market Place 可以下載其他開發者提供的套件使用。

https://res.cloudinary.com/dhcsjvhjg/image/upload/v1727524682/Screenshot_2024-09-28_at_7.57.54_PM_jkf5sc.png

可以自訂的內容有:

  • Interface:資料欄位的操作元件,像是 Input 那些。

  • Layout:資料列表的顯示方式,一般是 Table。

  • Displays:資料欄位的顯示方式,可以把日期轉換成年齡顯示之類的。

  • Panels:在 Dashboard 上可以用來顯示資料統計的元件。

  • Modules:一整頁自訂功能的頁面,可以添加在左手邊的路徑選單上

    https://res.cloudinary.com/dhcsjvhjg/image/upload/v1727526765/Screenshot_2024-09-28_at_8.32.34_PM_lxw2fw.png

  • Themes:整改大部分的 CSS 內容,平常也能在後台改

    https://res.cloudinary.com/dhcsjvhjg/image/upload/v1727526743/Screenshot_2024-09-28_at_8.23.50_PM_qgbsgp.png

以上畫面類的都是用 Vue 製作。

除畫面外還能改的有

  • Endpoints:自訂額外的 API。
  • Flow Operations:Flow 是能夠從後台新增自動化流程的功能,能夠根據資料變更或定時器觸發資料變更或寄送通知。可以自訂串接在 Flow 中的流程模塊。
  • Hooks:自訂根據條件自動觸發的操作。跟 Flow 很像就是不能從後台看到或改動。

Directus 能夠自訂的範圍蠻廣的,感覺能滿足大部分的需求。


上一篇
Directus Seamless SSO
下一篇
搜尋功能 Typesense
系列文
Awesome self hosted 30天30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言