建立專案#

專案建立時選擇「搭載 React.js 的 ASP.net Core」

在建立一般 ASP.net 專案的時候會有「啟用 docker 支援的選項」，但是搭載 React.js的沒有，這部分我們等下會手動建立。

啟用 docker 支援#

在專案上右鍵 > 加入 > docker 支援，選擇 Linux

完成後會自動打開 Dockerfile 文件，我們需要改裡面的內容：

在 FROM mcr.microsoft.com/dotnet/sdk:6.0 AS build 底下加上

1
# nodejs (build)
2
RUN apt-get update
3
RUN apt-get install -y curl
4
RUN curl -sL https://deb.nodesource.com/setup_lts.x | bash -
5
RUN apt-get install -y nodejs

1
    "Docker": {
2
      "commandName": "Docker",
3
      "launchBrowser": true,
4
      "launchUrl": "https://{ServiceHost}:44436",
5
      "publishAllPorts": false,
6
      "useSSL": false
7
    }

Deploy to flyio#

接下來我們可以直接發布到 flyio

1
flyctl launch

首次 deploy 後會自動生成一個 fly.toml 檔案，有些情況下 listen port 會是錯的，要確定 internal_port 是 80

1
...
2
[[services]]
3
  http_checks = []
4
  internal_port = 80
5
  ...

再次 deploy 即可成功

1
flyctl deploy