From 32043acb59101b0f4a337f3cecb2bd7489ef77e4 Mon Sep 17 00:00:00 2001 From: Sipke Schoorstra Date: Fri, 14 May 2021 12:34:51 +0200 Subject: [PATCH] Add Elsa Dashboard project + dockerfile Fixes #981 --- Elsa.sln | 11 +++++ docker/Dockerfile | 2 - docker/Dockerfile-elsa-dashboard | 40 +++++++++++++++++ docker/README.md | 2 +- .../ElsaDashboard/ElsaDashboard.Web.csproj | 11 +++++ .../ElsaDashboard/Pages/_Host.cshtml | 22 +++++++++ .../ElsaDashboard/Pages/_ViewImports.cshtml | 2 + .../aspnetcore/ElsaDashboard/Program.cs | 21 +++++++++ .../Properties/launchSettings.json | 40 +++++++++++++++++ .../aspnetcore/ElsaDashboard/Startup.cs | 45 +++++++++++++++++++ .../aspnetcore/ElsaDashboard/appsettings.json | 15 +++++++ 11 files changed, 208 insertions(+), 3 deletions(-) create mode 100644 docker/Dockerfile-elsa-dashboard create mode 100644 src/dashboards/aspnetcore/ElsaDashboard/ElsaDashboard.Web.csproj create mode 100644 src/dashboards/aspnetcore/ElsaDashboard/Pages/_Host.cshtml create mode 100644 src/dashboards/aspnetcore/ElsaDashboard/Pages/_ViewImports.cshtml create mode 100644 src/dashboards/aspnetcore/ElsaDashboard/Program.cs create mode 100644 src/dashboards/aspnetcore/ElsaDashboard/Properties/launchSettings.json create mode 100644 src/dashboards/aspnetcore/ElsaDashboard/Startup.cs create mode 100644 src/dashboards/aspnetcore/ElsaDashboard/appsettings.json diff --git a/Elsa.sln b/Elsa.sln index 5b77b51cf..a2377d49a 100644 --- a/Elsa.sln +++ b/Elsa.sln @@ -267,6 +267,7 @@ ProjectSection(SolutionItems) = preProject docker\Dockerfile = docker\Dockerfile docker\Dockerfile-with-npm = docker\Dockerfile-with-npm docker\README.md = docker\README.md + docker\Dockerfile-elsa-dashboard = docker\Dockerfile-elsa-dashboard EndProjectSection EndProject Project("{FAE04EC0-301F-11D3-BF4B-00C04F79EFBC}") = "Elsa.Persistence.EntityFramework.MySql", "src\persistence\Elsa.Persistence.EntityFramework\Elsa.Persistence.EntityFramework.MySql\Elsa.Persistence.EntityFramework.MySql.csproj", "{D55BC08B-CA82-478A-99F7-EDE90AC33160}" @@ -275,6 +276,10 @@ Project("{FAE04EC0-301F-11D3-BF4B-00C04F79EFBC}") = "Elsa.Samples.SendHttp", "sr EndProject Project("{FAE04EC0-301F-11D3-BF4B-00C04F79EFBC}") = "Elsa.Samples.CustomActivityOutcomes", "src\samples\console\Elsa.Samples.CustomActivityOutcomes\Elsa.Samples.CustomActivityOutcomes.csproj", "{30A9B140-14F5-4D00-84ED-1447F96D13C8}" EndProject +Project("{2150E333-8FDC-42A3-9474-1A3956D46DE8}") = "aspnetcore", "aspnetcore", "{28C5C63F-2DCF-46BE-9576-1F50A7CFE8C4}" +EndProject +Project("{FAE04EC0-301F-11D3-BF4B-00C04F79EFBC}") = "ElsaDashboard.Web", "src\dashboards\aspnetcore\ElsaDashboard\ElsaDashboard.Web.csproj", "{5F81C84A-4C04-48FF-981C-23E48A7ACA6C}" +EndProject Global GlobalSection(SolutionConfigurationPlatforms) = preSolution Debug|Any CPU = Debug|Any CPU @@ -657,6 +662,10 @@ Global {30A9B140-14F5-4D00-84ED-1447F96D13C8}.Debug|Any CPU.Build.0 = Debug|Any CPU {30A9B140-14F5-4D00-84ED-1447F96D13C8}.Release|Any CPU.ActiveCfg = Release|Any CPU {30A9B140-14F5-4D00-84ED-1447F96D13C8}.Release|Any CPU.Build.0 = Release|Any CPU + {5F81C84A-4C04-48FF-981C-23E48A7ACA6C}.Debug|Any CPU.ActiveCfg = Debug|Any CPU + {5F81C84A-4C04-48FF-981C-23E48A7ACA6C}.Debug|Any CPU.Build.0 = Debug|Any CPU + {5F81C84A-4C04-48FF-981C-23E48A7ACA6C}.Release|Any CPU.ActiveCfg = Release|Any CPU + {5F81C84A-4C04-48FF-981C-23E48A7ACA6C}.Release|Any CPU.Build.0 = Release|Any CPU EndGlobalSection GlobalSection(SolutionProperties) = preSolution HideSolutionNode = FALSE @@ -785,6 +794,8 @@ Global {D55BC08B-CA82-478A-99F7-EDE90AC33160} = {C865B0FD-E505-48F0-BFAF-0D4D7C1B5CA1} {775EFD59-F99C-4D38-B54E-9734C9D9649A} = {22E75696-6FE9-436A-9097-EE21C603F818} {30A9B140-14F5-4D00-84ED-1447F96D13C8} = {FC9F520F-BA51-4AD2-BFEE-EF787798E734} + {28C5C63F-2DCF-46BE-9576-1F50A7CFE8C4} = {164EB38A-D6D2-4092-8835-C944ECEE357C} + {5F81C84A-4C04-48FF-981C-23E48A7ACA6C} = {28C5C63F-2DCF-46BE-9576-1F50A7CFE8C4} EndGlobalSection GlobalSection(ExtensibilityGlobals) = postSolution SolutionGuid = {8B0975FD-7050-48B0-88C5-48C33378E158} diff --git a/docker/Dockerfile b/docker/Dockerfile index f1423aa73..112164087 100644 --- a/docker/Dockerfile +++ b/docker/Dockerfile @@ -12,13 +12,11 @@ COPY src/. ./src COPY *.props ./ COPY ./Nuget.Config ./ - # build and publish (UseAppHost=false created platform independent binaries) WORKDIR /source/src/samples/dashboard/aspnetcore/ElsaDashboard.Samples.AspNetCore.Monolith RUN dotnet build "ElsaDashboard.Samples.AspNetCore.Monolith.csproj" -c Release -o /app/build RUN dotnet publish "ElsaDashboard.Samples.AspNetCore.Monolith.csproj" -c Release -o /app/publish /p:UseAppHost=false --no-restore - # move binaries into smaller base image FROM mcr.microsoft.com/dotnet/aspnet:5.0-buster-slim AS base WORKDIR /app diff --git a/docker/Dockerfile-elsa-dashboard b/docker/Dockerfile-elsa-dashboard new file mode 100644 index 000000000..3a7dd9eb7 --- /dev/null +++ b/docker/Dockerfile-elsa-dashboard @@ -0,0 +1,40 @@ +FROM node:15-alpine as client-build + +WORKDIR /app +COPY /src . + +WORKDIR /app/designer/elsa-workflows-studio +RUN npm install --force +RUN npm run build + +WORKDIR /app/designer/bindings/aspnet/Elsa.Designer.Components.Web +RUN npm install --force +RUN npm run build + +FROM mcr.microsoft.com/dotnet/sdk:5.0-buster-slim-amd64 AS build +WORKDIR /source + +# restore packages +COPY ./src/dashboards/aspnetcore/ElsaDashboard/ElsaDashboard.Web.csproj ./src/dashboards/aspnetcore/ElsaDashboard/ElsaDashboard.Web.csproj +RUN dotnet restore "./src/dashboards/aspnetcore/ElsaDashboard/ElsaDashboard.Web.csproj" + +# copy required source code +COPY src/. ./src +COPY *.props ./ +COPY ./Nuget.Config ./ +COPY --from=client-build /app/designer/elsa-workflows-studio ./src/designer/elsa-workflows-studio +COPY --from=client-build /app/designer/bindings/aspnet/Elsa.Designer.Components.Web ./src/designer/bindings/aspnet/Elsa.Designer.Components.Web + +# build and publish (UseAppHost=false created platform independent binaries) +WORKDIR /source/src/dashboards/aspnetcore/ElsaDashboard +RUN dotnet build "ElsaDashboard.Web.csproj" -c Release -o /app/build +RUN dotnet publish "ElsaDashboard.Web.csproj" -c Release -o /app/publish /p:UseAppHost=false --no-restore + +# move binaries into smaller base image +FROM mcr.microsoft.com/dotnet/aspnet:5.0-buster-slim AS base +WORKDIR /app +COPY --from=build /app/publish ./ + +EXPOSE 80/tcp +EXPOSE 443/tcp +ENTRYPOINT ["dotnet", "ElsaDashboard.Web.dll"] diff --git a/docker/README.md b/docker/README.md index 5155f80fc..7db896ff7 100644 --- a/docker/README.md +++ b/docker/README.md @@ -3,7 +3,7 @@ Clone the repository and open a command line in the project root folder. Then you can run the two docker commands below to build and start the container. Alternatively you can use the provided docker-compose file in the docker folder that does it for you via `docker-compuse up -d`. The docker-compose file will also include a fake smtp server to test email delivery. ``` -$ docker build -t elsadashboard:local -f ./docker/Dockerfile-with-npm . +$ docker build -t elsadashboardwithserver:local -f ./docker/Dockerfile-with-npm . $ docker run -t -i -e Elsa__Server__BaseAddress='http://localhost:6868' -e ASPNETCORE_ENVIRONMENT='Development' -p 6868:80 elsadashboard:latest ``` diff --git a/src/dashboards/aspnetcore/ElsaDashboard/ElsaDashboard.Web.csproj b/src/dashboards/aspnetcore/ElsaDashboard/ElsaDashboard.Web.csproj new file mode 100644 index 000000000..69d0c96f3 --- /dev/null +++ b/src/dashboards/aspnetcore/ElsaDashboard/ElsaDashboard.Web.csproj @@ -0,0 +1,11 @@ + + + + net5.0 + + + + + + + diff --git a/src/dashboards/aspnetcore/ElsaDashboard/Pages/_Host.cshtml b/src/dashboards/aspnetcore/ElsaDashboard/Pages/_Host.cshtml new file mode 100644 index 000000000..08f28dfa4 --- /dev/null +++ b/src/dashboards/aspnetcore/ElsaDashboard/Pages/_Host.cshtml @@ -0,0 +1,22 @@ +@page "/" +@inject IConfiguration Configuration; +@{ + var serverUrl = Configuration["Elsa:Server:BaseAddress"]; +} + + + + + + Elsa Workflows + + + + + + + + + + + \ No newline at end of file diff --git a/src/dashboards/aspnetcore/ElsaDashboard/Pages/_ViewImports.cshtml b/src/dashboards/aspnetcore/ElsaDashboard/Pages/_ViewImports.cshtml new file mode 100644 index 000000000..ca9c771ea --- /dev/null +++ b/src/dashboards/aspnetcore/ElsaDashboard/Pages/_ViewImports.cshtml @@ -0,0 +1,2 @@ +@using Microsoft.Extensions.Configuration +@addTagHelper *, Microsoft.AspNetCore.Mvc.TagHelpers \ No newline at end of file diff --git a/src/dashboards/aspnetcore/ElsaDashboard/Program.cs b/src/dashboards/aspnetcore/ElsaDashboard/Program.cs new file mode 100644 index 000000000..6179f5a40 --- /dev/null +++ b/src/dashboards/aspnetcore/ElsaDashboard/Program.cs @@ -0,0 +1,21 @@ +using Microsoft.AspNetCore.Hosting; +using Microsoft.Extensions.Hosting; + +namespace ElsaDashboard.Web +{ + public class Program + { + public static void Main(string[] args) + { + CreateHostBuilder(args).Build().Run(); + } + + public static IHostBuilder CreateHostBuilder(string[] args) => + Host.CreateDefaultBuilder(args) + .ConfigureWebHostDefaults(webBuilder => + { + webBuilder.UseStaticWebAssets(); + webBuilder.UseStartup(); + }); + } +} \ No newline at end of file diff --git a/src/dashboards/aspnetcore/ElsaDashboard/Properties/launchSettings.json b/src/dashboards/aspnetcore/ElsaDashboard/Properties/launchSettings.json new file mode 100644 index 000000000..9b1b93f2e --- /dev/null +++ b/src/dashboards/aspnetcore/ElsaDashboard/Properties/launchSettings.json @@ -0,0 +1,40 @@ +{ + "iisSettings": { + "windowsAuthentication": false, + "anonymousAuthentication": true, + "iisExpress": { + "applicationUrl": "https://localhost:12000", + "sslPort": 0 + } + }, + "profiles": { + "IIS Express": { + "commandName": "IISExpress", + "launchBrowser": true, + "environmentVariables": { + "ASPNETCORE_ENVIRONMENT": "Development" + } + }, + "ElsaDashboard.Web": { + "commandName": "Project", + "launchBrowser": true, + "environmentVariables": { + "ASPNETCORE_ENVIRONMENT": "Development" + }, + "dotnetRunMessages": "true", + "applicationUrl": "https://localhost:12000" + }, + "Docker": { + "commandName": "Docker", + "launchBrowser": true, + "launchUrl": "{Scheme}://{ServiceHost}:{ServicePort}", + "environmentVariables": { + "ASPNETCORE_ENVIRONMENT": "Development", + "ASPNETCORE_URLS": "http://+:80" + }, + "publishAllPorts": true, + "useSSL": false, + "httpPort": 12000 + } + } +} \ No newline at end of file diff --git a/src/dashboards/aspnetcore/ElsaDashboard/Startup.cs b/src/dashboards/aspnetcore/ElsaDashboard/Startup.cs new file mode 100644 index 000000000..804359b5c --- /dev/null +++ b/src/dashboards/aspnetcore/ElsaDashboard/Startup.cs @@ -0,0 +1,45 @@ +using Microsoft.AspNetCore.Builder; +using Microsoft.AspNetCore.Hosting; +using Microsoft.Extensions.Configuration; +using Microsoft.Extensions.DependencyInjection; +using Microsoft.Extensions.Hosting; + +namespace ElsaDashboard.Web +{ + public class Startup + { + public Startup(IConfiguration configuration) + { + Configuration = configuration; + } + + public IConfiguration Configuration { get; } + + // This method gets called by the runtime. Use this method to add services to the container. + public void ConfigureServices(IServiceCollection services) + { + services.AddRazorPages(); + } + + // This method gets called by the runtime. Use this method to configure the HTTP request pipeline. + public void Configure(IApplicationBuilder app, IWebHostEnvironment env) + { + if (env.IsDevelopment()) + { + app.UseDeveloperExceptionPage(); + } + else + { + app.UseExceptionHandler("/Error"); + app.UseHsts(); + } + + app.UseStaticFiles(); + app.UseRouting(); + app.UseEndpoints(endpoints => + { + endpoints.MapFallbackToPage("/_Host"); + }); + } + } +} \ No newline at end of file diff --git a/src/dashboards/aspnetcore/ElsaDashboard/appsettings.json b/src/dashboards/aspnetcore/ElsaDashboard/appsettings.json new file mode 100644 index 000000000..554be01d8 --- /dev/null +++ b/src/dashboards/aspnetcore/ElsaDashboard/appsettings.json @@ -0,0 +1,15 @@ +{ + "Logging": { + "LogLevel": { + "Default": "Information", + "Microsoft": "Warning", + "Microsoft.Hosting.Lifetime": "Information" + } + }, + "AllowedHosts": "*", + "Elsa": { + "Server": { + "BaseAddress": "https://localhost:11000" + } + } +}