這次試著研究利用 Self hosted 服務組合成 Microservice 架構的服務，說真的每個服務都是易起難精，感覺各自都能寫上一組鐵人賽，這次主要集中...
Discourse setup wizard 首先可以利用 setup wizard 功能跟著步驟設定客制項目。 {discourse_base_url}/wi...
Discourse 內建有 SSO 登入功能取名叫做 Discourse connect，要打開這個功能的話在 admin 頁面裡找到 enable disco...
Discourse 是一個完整的社群功能服務，能夠讓人發文討論、按讚、互相聊天等等，跟大量的社群客製化選項，像是文章分類、不雅字過濾等。 蠻多公司的社群都是用這...
Custom CSS 在 Administration → Settings → Layout 中可以改 CSS 。 顏色可以從變數下去改，全部能改的顏色清單在...
SSO 登入還沒搞定不過先來嘗試當初選擇 Rocket.chat 的另一個理由，將 Rocket.chat 嵌入我們的主應用的功能。 嵌入的方式是用 ifram...
想要讓主應用的使用者資訊同步 Rocket.chat 的使用者，就要經由 Keycloak 做登入管理，所以來設定 Rocket.chat 的 SSO 登入。...
想要在應用中有個讓會員間可以互相聊天的功能，自幹起來遠比想像中還要複雜跟細節，就覺得如果能有現成的服務能用就好了。 一開始本來是想嘗試用 Matrix 來達成...
目前我們是把翻譯檔打包在 App 的程式當中，每當有更新翻譯的話就要先輸出後再重新打包後才能提供新的翻譯內容，相當不便。 這時候要利用 Tolgee 的 Con...
當在應用內設置好 Tolgee 翻譯後，就能利用 Chrome 插件工具 進行即時編輯。 當有掛載 DevTools 時，並且環境是開發環境且有設定 apiKe...
要在 Nextjs 設定翻譯要分別處理 client component 跟 server component。 先安裝用到的套件。 pnpm add next...
之前在處理專案的 i18n 時往往都是用 excel 在管理，不僅難以維護，也容易搞不清楚每個翻譯鍵用在哪裡，應該是什麼意思，還要手動打包。 這時候找到了 To...
這之前是手動將資料灌到 Typesense 中建立索引，但應該要在網站有新增資料時動態同步索引，目前用的是 Directus 作為 CMS ，所以要在 Dire...
接下來要讓 Nextjs 專案串接 Typsense 的搜尋功能，主要會是利用 Algolia 出品的 Instasearch 元件來串。 Typsense 另...
昨天新建好服務後，接下來要先試著灌一些資料來測試搜尋功能。 不過首先沒有畫面還是比較不方便，幸好有好心人開源的 typesense-dashboard 專案可以...
想要手邊有一個方便架設的搜尋引擎服務，常聽說 Elasticsearch 吃資源又設定複雜，就來研究一下其他能夠替用的服務。 這次比較的選項有兩個， Milis...
這邊雜筆一些 Directus 除了資料庫以外可以自訂的項目。 媒體庫 Directus 自帶檔案上傳的功能，如果沒有額外設定的話就是直接存在機器上的資料夾，可...
之前在 Nextjs 這邊能夠讀取到 Directus 中的資料是因為將資料權限設定成了 Public，如果資料非開放又要讓用戶需要登入之後才能取得資料的話，就...
昨天嘗試串接 Directus 跟 Keycloak 時卡在一個連線錯誤上。 awesome-directus-directus-1 | [11:49:28....
Directus 具備 SSO 功能，這就嘗試來用 Keycloak 登入試試。 首先目前兩邊的服務都跑在 Docker 上，為了讓兩邊的容器能夠連線，需要設定...
Directus 有提供 javascript 工具方便整合，先在先前的 NextJS 專案中安裝 yarn add @directus/sdk 開一個新頁面...
Directus 的資料結構分為 Collection, Field, Item 幾種，接下來逐一操作建立這些資料的步驟。 首先要點選新建代表一組資料的 Col...
身份驗證的部分先告一段落，接著來找找下一個部件： Content Management Systems (CMS) 所要使用的服務。 Awesome-selfh...
需要用到 Maven 好將程式碼打包成 .jar 檔案。 安裝 Maven ，以 macOS 為例 brew install maven 可以先改一下 pac...
目前在 Next App 中點擊登出後，在嘗試重新登入的時候會發現不會再次跳出先前的 Keycloak 登入畫面，這是因為當 Next 這邊登出時只是清理掉 N...
接者來快速做一個應用來串接 Keycloak 的登入試試，這邊用的是基於 Nextjs 的 T3 。 pnpm create t3-app@latest 在建...
前面提到為了讓用戶能無痛使用各種服務，會需要一個共通的登入端口，所以首先要挑選一個負責使用者身份驗證跟權限管理的服務。 這一塊沒有直接列在 awesome-se...
看看 Awesome-Selfhosted 列出來的服務就有百多個，根據功能可能就有十數種選擇，該怎麼選用符合自己需求的服務呢？這邊列一下我個人的考量方式。...
這陣子工作上為了快速導入某些功能，開始不再自己造輪子而是利用一些開源服務，為了節省成本盡量都是找可以不用月費，能夠先自行架設後試用甚至正式使用的服務，也就是所謂...
Jasper
iThome鐵人賽
看影片追技術