解密 ArcBlock 官網的實作「奧秘」

ArcBlock 的新網站上線了,本文帶您全面揭密與剖析我們如何親手打造 ArcBlock 新網站,看看我們如何運用可重複使用的 Blocklet 來建構 ArcBlock 網站,我們做得到的,您也能輕鬆做到!
ArcBlock 網站建構於 ArcBlock 之上
以下是我們 ArcBlock 官網的管理後台:

熟悉 ArcBlock Blocklet 產品的朋友,一眼就能認出這是標準的 Blocklet 管理後台介面。那就讓我們來看看,這個後台裡藏了哪些秘密。
運行在 Serverless 服務之上
右上角的訂閱狀態提醒,顯示我們的官網是一個標準的 Serverless 服務,運行在我們自家的 Launcher 業務之上。目前顯示訂閱還有 198 天到期,不過不用擔心,我們已經透過 Payment Kit 啟用了自動續訂功能,系統會在即將到期時自動以電子郵件或通知提醒我們,並自動完成續訂。無論是續訂成功,還是發生任何意外狀況,我們都會第一時間收到通知。
把官網建立在自家標準的對外服務之上,正是我們對自身平台深具信心的展現。使用 ArcBlock 的 Serverless 服務,您能獲得與我們官網完全對等的服務水準。以 Serverless 方式運作網站,能更靈活因應流量變化、擁有更高的安全性,並降低維運成本。
ArcBlock 自身絕大多數的服務,都是採用我們自家的對外服務來提供,這一點與任何一般使用 ArcBlock 服務的客戶並無二致;唯一的例外是區塊鏈、橋接(bridge)以及測試用服務,這些不採用這些對外服務。
網域名稱與 HTTPS 憑證自動化管理
Blocklet 具備完整的網域名稱綁定功能,以及全自動的 HTTPS 憑證管理機制。尤其是 HTTPS 憑證,從申請到定期更新全都自動完成,使用者完全不需要操心這些細節。

Blocklet 可以綁定任意數量的網域名稱,系統也會自動分配部分網域供內部使用。等我們 DID Name Service 中的 DID DNS 正式上線後,將能與 DID DNS 結合,實現全自動的網域名稱綁定與管理維護。
透過 DID 實現統一登入
和所有 Blocklet 應用程式一樣,DID 以及基於 DID/VC 的強化使用者管理與權限管理,都是所有 Blocklet 的標準配置。開發者不需要寫任何一行程式碼,就能擁有一套安全、完善且功能強大、基於最新 DID/VC 與 DID 協定的使用者身分與存取管理系統(IAM)。

ArcBlock 的主站還肩負另一項特殊使命,就是作為所有 ArcBlock 服務的統一登入服務提供者。也就是說,未來所有其他 ArcBlock 服務,都將採用與我們官網相同的統一登入機制。
透過 DID 實現自動備份
基於 DID 的資料備份機制,同樣是所有 Blocklet 應用程式的標準配置。ArcBlock 的官網充分運用了這項基礎的 Blocklet Service,確保資料的安全性與可靠性。

其他各項功能
我們其實可以寫一整套完整的教學,來說明使用 Blocklet 架構能實現的各種功能,但本文就不逐一詳述了,這裡先簡單列舉幾項:
- 網站流量統計功能,而且這些統計資訊完全保護隱私。
- 功能模組(Blocklet)的自動升級與熱更新。
- Sitemap 的自動管理維護、搜尋引擎最佳化(SEO)的自動化管理。
- 圖片、影片資源的自動壓縮、最佳化與 CDN 優化。
- 支援社群媒體分享所需的 Open Graph 協定自動化處理。 …… 以上這些都是使用 Blocklet Framework 後,預設自動提供的標準服務。換句話說,任何用 Blocklet 建構出來的服務,不需要額外的開發與設定,就能具備和我們官網相同的能力。若是採用傳統 Web 應用程式的實作方式,上述列出的幾乎每一項,都需要投入開發、設定與維運的心力;即使市面上有些框架或函式庫提供了類似功能,開發者仍然得自行整合。
ArcBlock 官網用了哪些 Blocklet?
ArcBlock 官網目前是用以下這些 Blocklet 建構而成。由於 ArcBlock 是可組合式架構,任何應用程式都能依需求安裝所需的 Blocklet,組合出最終的服務。因此,這裡只是展示我們撰寫本文當下所採用的 Blocklet,您在設計自己的網站時,完全可以依照需求自由組合。
Pages Kit
您現在造訪的首頁,正是用 Pages Kit 搭建而成。
Pages Kit 是我們Web3 Kit 系列中的一員。雖然 Pages Kit 本身已經非常強大,但您會發現它的功能足以媲美傳統網頁開發領域中上市公司提供的服務,例如 Wix 和 Square Space!而且,得益於 ArcBlock 的 Blocklet Framework 所具備的組合能力,Pages Kit 比目前市面上任何一款視覺化網頁建構工具都更加強大。
我們新首頁上的互動式產品架構圖,同樣是用 Pages Kit 搭建的,這展現了我們最新版本 Pages Kit 的強大功能,未來我們也會另闢專文詳細介紹。

Media Kit(Image Bin)
安裝 Pages Kit 時,這個 Blocklet 會自動一併安裝。它的功用是協助您管理任何所需圖片、影片、檔案等的上傳與處理。 Media Kit 是我們Web3 Kit 系列中的一員。
Media Kit 還能與其他服務搭配使用,例如結合AI Kit,就能透過 AIGC 自動產生圖片,而不需要手動上傳檔案;Media Kit 也能與第三方服務整合,例如 Unsplash,讓您能直接搜尋所需的圖片來使用。
Discuss Kit
Discuss Kit 支撐了網站絕大多數的功能,包括您現在正在閱讀的這篇文章。網站上所有的文章、文件、書籤收藏與討論,全都由 Discuss Kit 提供支援。Discuss Kit 可以說是打造動態網站的瑞士刀,它與 Pages Kit 完美結合,足以滿足網站需求 90% 以上的功能。
Discuss Kit 是我們Web3 Kit 系列中的一員。
AI Kit
我們的官網也內建了 AI 功能。要啟用這些功能,您只需要安裝 AI Kit,並訂閱其提供的 AI 服務即可。 AI Kit 的設計本身是一個可選的功能強化型 Blocklet,只要安裝了它,所有支援 AI 能力的其他 Blocklet 都會因此獲得 AI 功能,而且可以在這裡統一管理 AI 的使用情況。
Mellisearch
Mellisearch 目前僅在我們的測試版 Store 中提供,其功能是為網站提供全文檢索能力。 Mellisearch 本身是一款開源元件,我們將它改造成一個 Blocklet,這正是打造 Blocklet 的典型方式之一:開發者可以把開源元件改造為 Blocklet,讓這些開源元件的安裝與使用都變得極其簡單。