技術 Day 1 : Backstage 簡介與背景

本參賽內容將聚焦於 Backstage——一個專為開發者打造的企業內部平台。在這30篇教學中，詳細介紹了如何從無到有搭建 Backstage，涵蓋專案建置、插件...

技術 Day 2 : 建立 Backstage 應用程式

簡介 今天的內容比較簡單，我們在上一篇講述了 Backstage 的背景與優點等等，在本篇我們要實際安裝並啟用 Backstage，它雖不算是開箱即用，但官方已...

技術 Day 5 : 使用 Backstage Template 模板在 Github 建立專案-模板發布篇

簡介 上一篇主要圍繞在 Github 結合 Backstage 身份驗證的部分，由於也是必經步驟，經過登入驗證後才能藉由 Template 進行專案的發布操作，...

技術 Day 4 : 使用 Backstage Template 模板在 Github 建立專案-身分驗證篇

簡介 Backstage 的軟體模板功能也是一個特色工具，讓開發者可以輕鬆快速地在 GitHub、GitLab 等平台上創建標準化專案，幫助團隊維持一致的架構。...

技術 Day 7 : Backstage 內部員工身份認證：從 AD 同步到 SSO 的實施之路

前言 以公司遇到的情境為例，隨著公司發展了一段歷史，並且旗下擁有的品牌與服務也越來越多，可惜的是在每個服務幾乎都是獨立擁有自己的系統，也就是說即便都掛在同個集團...

技術 Day 6 : 使用 Backstage Catalog 目錄連結 Azure DevOps Server 地端專案

簡介 所處公司的案例比較偏好能自行掌握服務，而非依賴像上一篇介紹的 Github 服務，由於公司相關服務使用了微軟全家桶，自然也將程式碼都放置在 Azure D...

技術 Day 9 : Backstage 內部員工身份認證：從 AD 同步到 SSO 的實施之路 - OIDC 篇

⚠️ 本篇將先以舊版 Backstage 開始介紹，Backstage OIDC 插件目前仍未遷移至新版架構。 簡介 目前在自己的案例中，成功透過遷移插件到...

技術 Day 12 : Backstage 插件開發 - 將 Uptime Kuma 監控狀態結合專案頁面

簡介 我們在上一篇已經成功將 Uptime Kuma 以 ifame 的方式結合進 Backstage 中，但我們只能透過直接瀏覽 /uptime-kuma 來...

技術 Day 3 : 使用 Backstage Catalog 目錄連結 Github 專案

簡介 在上一篇文章中，我們已經成功創建了一個 Backstage 應用。接下來，我們將探討如何將專案引入 Backstage，這是整個平台的核心功能之一。掌握這...

技術 Day 11 : Backstage 插件開發 - 初探 iframe 嵌入 Uptime Kuma 監控服務

簡介 Backstage 作為一個高擴展服務，號稱可以結合各種應用與平台，其核心在於例用插件開發方式來為 Backstage 擴充功能，如同我們上一篇提到的 O...

技術 Day 13 : Backstage 插件開發 - 打造 Discrouse 內部論壇與 SSO 完全整合

簡介 前篇介紹了將 Uptime Kuma 將監控資訊結合到 Backstage 中，讓我們查看專案的同時也能看到一些服務的運作狀態，像這樣整合資訊便是 Bac...

技術 Day 10 : Backstage 內部員工身份認證：從 AD 同步到 SSO 的實施之路 - 遷移插件篇

簡介 在上一篇文章中，我們介紹了如何在舊版 Backstage 中添加 OIDC 插件，並為 Backstage 設定了 SSL 保護以支援 HTTPS，為後...

技術 Day 14 : Backstage 插件開發 - 結合 Xterm.js 套件實現 Web Terminal

簡介 在前面的實作中，我們皆採用了 iframe 的方式將應用整合到 Backstage 中。這樣的方式主要是在外部先將應用架設完成，再以嵌入的方式加入 Bac...

技術 Day 17 : Backstage 插件開發 - 初探後端整合打造 LLM 聊天室

簡介 Backstage 的插件分為前端與後端，前面我們介紹的都屬於前端插件上的應用，但隨著功能的需求越來越複雜的情況下，我們就需要明確的分工。對於前端我們希望...

技術 Day 15 : Backstage 插件開發 - 以 "Feedback" 為例的翻譯改造

簡介 Backstage 社群中擁有大量由開發者提供的插件，這些插件涵蓋了絕大多數主流需求。我們可以根據每個環境的不同需求，從這些多樣化的插件中挑選合適的，並單...

技術 Day 16 : Backstage 插件開發 - 以 n8n iframe 為例將自定義插件發布到 npm

簡介 在這次案例中，我們利用先前使用 iframe 的概念，結合 n8n 這款開源自動化流程工具，來展示如何將已開發好的插件發佈到 npm 上，供其他人下載使用...

技術 Day 18 : 將 Backstage Docker 化部署到生產環境

簡介 在我們進行了大量開發並加入了各式各樣的插件後，最終的目標是將 Backstage 投入到生產環境中以供使用。如果 Backstage 只能停留在本地環境那...