
語言 🇹🇼 繁體中文
背景
使用 SSR
SSR 是什麼? 
SSR,或 Server-Side-Rendering,是一種機制與一套慣例,使應用程式或內容被渲染,並且只需 用戶端執行極少的工作。
使用 SSR 時,用戶端不會執行 JavaScript。相反地,用戶端會呈現那些由伺服器「渲染」過的 HTML/CSS。
SSR 的優點 
SSR 的一個主要好處是不用依賴 JavaScript。因為這個原因,在許多使用情境中,應用程式可以被構建得感覺上更 "輕量"。
此外,當使用者停用 JavaScript 時,SSR 可以作為一種備援方式。這樣一來評論串仍然可以呈現,且使用者 仍然可以回覆評論。
FastComments 已經做了良好的優化,所以在大多數情況下不需要 SSR。然而,有些線上社群的使用者不使用 JavaScript,或是停用它是較偏好的做法。這就是 FastComments SSR 可以派上用場的地方。
然而,SSR 的一個重大取捨是對於小的狀態變更需要重新載入頁面。
FastComments 支援的 SSR 功能 
FastComments 支援 SSR 的以下功能:
- 可自訂的評論小工具.
- 匿名評論.
- 登入時發表評論.
- SSO.
- 頂層與巢狀回覆.
- 檢視 & 分頁評論串.
- 投票,包括匿名投票.
- 變更預設排序方向.
範例
FastComments SSR 的範例可在 此處.
使用案例 
Example use cases of SSR are as follows:
- 當 JavaScript 被停用時的備援。
- 在無法或不希望使用 JavaScript 的環境中,渲染評論介面。
- 適用於不希望加入更多 JavaScript 的網站或線上社群。
FastComments 使用 SSR 的地方 
FastComments 在以下位置使用 SSR:
- 我們的 WordPress 外掛預設將 SSR 作為後備。如果 JavaScript 被停用,用戶仍然可以在您的部落格發表留言。
- 我們在自己的部落格也將其作為後備使用! https://blog.fastcomments.com
使用 SSR 
要使用 FastComments SSR,client 可以從 https://fastcomments.com/ssr/comments 端點擷取 HTML。
這可以用多種方式完成。
在 WordPress 中
自從 WordPress 外掛版本 3.10.2 起,當使用者停用 JS 時,SSR 預設會作為回退機制啟用。
在網頁中
在已存在的應用程式中,假設使用的語言是 PHP,SSR 可以透過 以下範例 加入:

我們也可以僅在使用者停用 JS 時顯示 SSR UI:

有關使用 SSO 的範例,請參見 此處。
使用預先渲染的內容
我們的部落格在建置時生成,並提供了一個 使用 Handlebars 的良好 SSR 範例。
基本參數
您需要傳遞的基本參數為:
tenantId- 這識別您作為客戶。urlId- 這識別要載入評論的頁面或文章,並決定評論儲存的位置。url- 用於通知及相關功能,以連回該評論串。
自訂樣式
SSR 版本的評論小工具使用與 JavaScript 版本相同的結構與渲染引擎。
因此,所有適用於 JavaScript 評論小工具的自訂樣式,也適用於 SSR。
注意事項
在 SSR 中,沒有 JavaScript 來控制已渲染容器的高度。在瀏覽器中,長篇討論可能會出現垂直捲軸。
因此,您必須依需要調整它。
