幫 Plesk 安裝 Docker 插件

首先，要在 Plesk 中安裝 Docker 的插件，當然，如果你不嫌麻煩且已經對 Docker 有基礎的知識的話，可以直接在系統中安裝，不過，既然都已經用 Plesk 了何必這樣虐待自己呢？

進入 Plesk 控制面板 > Extensions 搜尋 Docker，直接點擊安裝 Get It Free，待安裝完成後，左邊的選單就會多一個 Docker 的標籤。

下載 Remark42 映像

點進 Docker 標籤後，你會看到什麼都沒有，不要慌，在搜尋欄右邊有一個箭頭，點開來後在 Name 欄位輸入 Remark42 後按 Search > 第一個 umpuntun/remark42 > 點擊 Run 即可。

建立 Remark42 容器

等待下載完成後，會進入新建 Docker Container 的頁面。

Container name 隨喜，Automatic port mapping 先勾著，他會幫你產生一個不與系統其他服務相衝突的 PORT。

再來 Volume mapping 中，Container 的部分輸入 /srv/var，Host 的部分我這裡輸入 /home/remark42，這裡是將 Container 的 /srv/var 和 Host 的 /home/remark42 掛載在一起裡面有 Remark42 的一些檔案，包含 avatars、backup、picture 和 資料庫 檔案。

接下來是 Environment variables 的部分，其中 REMARK_URL 和 SECRET 是必填選項，REMARK_URL 是你要用於部屬 Remark42 的網址，SECRET 則是 Remark42 的密鑰，隨便填、越長越好、越複雜越好。其他選項像是 AUTH_ANON 是允許用戶使用匿名登入的方式登入，在留言時直接輸入暱稱即可留言，如果不想要開啟這個功能可以直接把這行刪掉。AUTH_GITHUB_CID 和 AUTH_GITHUB_CSEC 是 GitHub 的 OAuth application，這部分要去 GitHub 的 Developer 頁面新增一個。

建立 GitHub OAuth application

Homepage URL 是你部屬 Remark42 的 URL，Authorization callback URL 輸入你的網址加上 /auth/github/callback，之後按 Register application。

關於其他登入方式的設定方法，可以參考官方文件的 Authorization hello 頁面。

之後進入設定頁面，點擊 Generate a new client secret 之後會獲得一個新的 Client secret，把這個 Client Secret 和上面的 Client ID 分別填入 Docker Environment variables 的 AUTH_GITHUB_CSEC 和 AUTH_GITHUB_CID 中。

接下來點 OK 讓 Docker 建立 Container。

建立 Remark42 Container 完成

看到以上畫面就代表建立成功，接下來再回到設定。

這時你會發現他自動設定了一些 Environment variables，如果想要進一步設定其他選項，可以參考 官方文件的 CLI parameters 頁面 hello 。

然後把 Automatic start after system reboot 勾起來，Automatic port mapping 取消勾選，你會看到多出一行 Manual mapping 8080 to external 32805，這是把 Container 中的 PORT 8080 對應到主機的 PORT 32805，把這個 PORT 記下來，等一下會用到。也別忘了按 OK 讓他重新啟動 Container。

修改 Nginx 虛擬主機設定檔

接下來直接登入 SSH。輸入以下指令修改 nginx 設定檔：

vim /var/www/vhosts/system/你的網域/conf/last_nginx.conf

當然你也可以用其他編輯器，我偏好 vim。

找 PORT 443 的區域，照著以下範例修改：

server {
        listen 10.0.0.231:443 ssl http2;
        ...
        location / {
                proxy_pass https://10.0.0.231:7081;
                proxy_hide_header upgrade;
                proxy_set_header Host             $host;
                proxy_set_header X-Real-IP        $remote_addr;
                proxy_set_header X-Forwarded-For  $proxy_add_x_forwarded_for;
                proxy_set_header X-Accel-Internal /internal-nginx-static-location;
                access_log off;

        }

        location /internal-nginx-static-location/ {
                alias /var/www/vhosts/comments.sakkyoi.tech/httpdocs/;
                internal;
        }

        location ~ ^/(plesk-stat|awstats-icon|webstat|webstat-ssl|ftpstat|anon_ftpstat) {
                proxy_pass https://10.0.0.231:7081;
                proxy_hide_header upgrade;
                proxy_set_header Host             $host;
                proxy_set_header X-Real-IP        $remote_addr;
                proxy_set_header X-Forwarded-For  $proxy_add_x_forwarded_for;
                proxy_set_header X-Accel-Internal /internal-nginx-static-location;
                access_log off;

        }
        location ~ /\.git {
            deny all;
        }

        location /index.html {
            proxy_redirect          off;
            proxy_set_header        X-Real-IP $remote_addr;
            proxy_set_header        X-Forwarded-For $proxy_add_x_forwarded_for;
            proxy_set_header        Host $http_host;
            proxy_pass              http://<你的網域>:<剛剛 Container 的 Port>/web/index.html;
        }

        location / {
            proxy_redirect          off;
            proxy_set_header        X-Real-IP $remote_addr;
            proxy_set_header        X-Forwarded-For $proxy_add_x_forwarded_for;
            proxy_set_header        Host $http_host;
            proxy_pass              http://<你的網域>:<剛剛 Container 的 Port>/;
        }
        ...
}

其中 <你的網域> 和 <剛剛 Container 的 Port> 用剛剛建立的 Container 來講的話，就是 http://comments.example.com:32805 hello 。

修改完後，存檔退出，然後輸入以下指令重啟 nginx：

nginx -s reload

注意⚠️如果你不是用 root 身分登入 ssh 的話，通常都會遇到權限問題，可以在指令前加上 sudo 或是在開始操作前使用 sudo su 登入 root 身分，如下：

sudo vim /var/www/vhosts/system/你的網域/conf/last_nginx.conf
sudo nginx -s reload

大功告成

接下來用瀏覽器訪問 https://<你的網域>/web，如果看到這個畫面，就代表設定成功了。

你可以在這個頁面中試玩一下看看功能正不正常，如果不正常，那就代表設定過程中有錯誤，回去檢查。

更新：無須修改 Nginx 設定檔的代理方法

後來發現，Plesk Docker Extension 有提供 Docker 代理設定的功能，無須進入 ssh 修改 nginx 設定檔

2022-12-30 更新。

直接在 Websites & Domains 頁面中，可以看到有一個選項 Docker Proxy Rules，直接點進去。

點擊 Add Rule 後，會進入以下頁面，你可以在 URL 那邊設定你想要代理到網址的哪個路徑下，例如我想要代理到 https://comments.sakkyoi.tech/remark42 hello 上，直接輸入 remark42 即可；當然你也可以直接留白代理到根目錄上。最後按下 OK 就設定好代理了。

原本我並沒有發現 Docker Extension 有提供這個功能，比起在那邊打一堆代理規則，這樣快多了。如果你是用其他 Control Panel 的話，可能還是得用前面的方法自己修改代理規則。