Docker 發佈 Abp net core web 服務

 

 

 

Docker 發佈 Abp net core web 服務

  1. 準備工做:Abp 項目,這個是模板下載地址 https://aspnetboilerplate.com/Templates (本例使用的是Single Page Web Application)

  2. 安裝docker :參考:http://www.runoob.com/docker/windows-docker-install.html

    1.   安裝成功後註冊docker 帳號 
  3. 建立數據庫容器參考:https://docs.microsoft.com/zh-cn/sql/linux/quickstart-install-connect-docker?view=sql-server-2017&pivots=cs1-bash
    1. 執行命令: docker pull mcr.microsoft.com/mssql/server:2017-latest  拉取映像html

    2. 執行命令建立映像容器:docker run -e 'ACCEPT_EULA=Y' -e 'SA_PASSWORD=<填寫一個帳號密碼'> -p <本機端口>:<服務器端口> --name sql1 -d mcr.microsoft.com/mssql/server:2017-latest           
    3. 注意:<> 括號內是你要替換的內容, - p 後面兩個端口的做用是將容器內的端口映射到本地端口,例如:映像中的mssql 的端口是1433,映射到本地的8099 就是:-p 6900:1433
    4. 測試一下,用 vs 鏈接docker 上的mssql 
  4. 對容器內的數據庫經行數據庫遷移
    1. 更改Abp 項目 AbpCompanyName.AbpProjectName.Migrator 下的appsetting.json 中的鏈接字符串爲,你建立容器的鏈接  "Data Source=<本機ip>,<docker 映射的端口>;Initial Catalog=<你建立的數據庫>;User ID=sa;Password=<你的數據庫密碼>"
    2. 替換數據庫鏈接後運行程序經行遷移
  5. 發佈web 
    1. 在host 項目下建立 Dockerfile  注意將 AbpCompanyName.AbpProjectName.Web.Host.dll 替換成你啓動的程序集名稱.dll
      FROM microsoft/dotnet:latest COPY . /app WORKDIR /app EXPOSE 80/tcp ENTRYPOINT ["dotnet", "AbpCompanyName.AbpProjectName.Web.Host.dll"]
    2. 設置 Dockerfile 生成方式
    3. 發佈代碼 
    4. 構建映像 ,在發佈目錄下運行命令: docker build -t 映像名稱  .     這裏注意結尾不要漏了空格跟「.「
    5. 建立並運行容器
    6. 執行命令: docker run -it -p <本地端口>:<容器端口> <映像名稱>前端

      執行後能夠看出,程序默認綁定容器的80端口,所以咱們須要在本地上訪問容器內的web,咱們必須設置映像端口爲80(根據實際狀況綁定端口)vue

      本例子中上面建立了myabp/demo容器,且程序運行的端口爲80,所以我想在本機上8078端口訪問服務命令就是: docker run -it -p 8078:80 myabp/demolinux

    7. 瀏覽網址:http://localhost:8078/swagger/index.html 結果以下 ,powerShell 能夠直接關掉,服務會繼續掛在docker 上面
    8. 用vscode 打開vue 項目修改  vue/src/lib/url.ts  修改url 爲咱們docker 上發佈的服務地址
    9.  命令終端在 vue 目錄下運行 npm run serveweb

      點開瀏覽地址能夠看到前端已經請求docker 上的服務地址,默認帳號 admin 密碼123qwesql

    10. 若是有須要的同窗能夠容許npm rum build  打包前端代碼再發布到docker 或者IIS上面均可以,docker

    若是前端訪問失敗,有多是服務上沒有添加跨域配置哦~數據庫

 

               

 

 

 

         

原文出處:https://www.cnblogs.com/wuxiaozhu/p/10774134.htmlnpm

相關文章
相關標籤/搜索