本篇同步發文在個人Blog: 一袋.NET要扛幾樓？打造容器化的ASP.NET Core網站！系列文章 - (11) 建立商品列表的頁面 - 4

1. 建立Dockerfile

在WebMvc專案右鍵=>加入=>Dokcer支援，選擇目標平台Linux，將會在根目錄新增Dockerfile檔案，但因為專案目錄設計方式，會讓VS產生錯誤的連結，所以需要再手動修改，變成下方的內容。其內容主要功能是在Docker容器內載入NET Core SDK編譯我們的程式碼，將編譯後的目錄檔案複製到Runtime環境的/app目錄，再用NET Core Runtime執行商品列表的網頁系統。

    FROM mcr.microsoft.com/dotnet/core/sdk:3.1-buster AS build
    
    WORKDIR /code
    EXPOSE 80
    
    COPY . .
    
    RUN dotnet restore
    
    RUN dotnet publish -o /out/ -c Release
    
    FROM mcr.microsoft.com/dotnet/core/aspnet:3.1-buster-slim AS base
    
    COPY --from=build /out /app/
    
    WORKDIR /app
    
    ENTRYPOINT ["dotnet", "WebMvc.dll"]

2. 修改dokcer-compose.yml

在docker-compose.yml加入WebMvc的container，加上商品列表的網頁系統，如下方的yml。主要的參數包含：

• build的dockerfile：Dockerfile的檔名
• build的context：商品列表網頁的Dockerfile所在的目錄
• environment：這些參數將會覆蓋appSettings.json的內容，包含商品服務的Api Url。由於商品列表網頁與商品服務Api都是Docker內部環境，所以用http://catalog即可互通
• ports：將此Api的80 port對應為本機的7500
• depends_on：需要先等商品服務Api的容器啟動完，才輪到此網頁啟動容器
• networks：設計在frontend的網路區域

    version: "3.4"
    
    networks:
       frontend:
       backend:
       
    services:
       webmvc:
          build:
             context: .\src\Presentation\WebMvc
             dockerfile: Dockerfile
          environment:
             - CatalogUrl=http://catalog
          container_name: rpgwebmvc
          ports:
             - "7500:80"
          networks:
             - frontend
          depends_on:
             - catalog
    
       catalog:
          build:
             context: .\src\Services\CatalogApi
             dockerfile: Dockerfile
          image: rpgshop/catalog
          environment:
             - DatabaseServer=mssqlserver
             - DatabaseName=CatalogDb
             - DatabaseUser=sa
             - DatabasePassword=JustTest!
             - ExternalCatalogBaseUrl=http://${RPGSHOP_EXTERNAL_DNS_NAME_OR_IP}:7000
          container_name: rpgcatalogapi
          ports:
             - "7000:80"
          networks:
             - backend
             - frontend
          depends_on:
             - mssqlserver
    
       mssqlserver:
          image: "microsoft/mssql-server-linux:latest"
          ports:
             - "1445:1433"
          container_name: rpgmssqlcontainer
          environment:
             - ACCEPT_EULA=Y
             - SA_PASSWORD=JustTest!
          networks:
             - backend

3. 用cmd執行docker-compose

用cmd在docker-compose.yml所在位置輸入指令：

    docker-compose build
    docker-compose up

執行完後，在瀏覽器輸入http://docker.for.win.localhost:7500 ，將看見容器化的商品列表網頁，如圖1。

--------------------------------------------------------------

這一系列的專案將開在這Github：RPGShopOnContainers，有需要的人可自行pull / download～

下一篇將建立網站的會員功能。