Elsa Studio 安装与配置指南

Elsa Studio 安装与配置指南

elsa-studio A modular, extensible dashboard application framework 项目地址: https://gitcode.com/gh_mirrors/el/elsa-studio

1. 项目基础介绍

Elsa Studio 是一个模块化、可扩展的仪表板应用程序框架，用于管理和设计 Elsa 工作流及相关实体。该项目是基于 .NET 开发的，主要用于创建和可视化工作流。

2. 项目使用的关键技术和框架

• 编程语言：C#，HTML，TypeScript，JavaScript，CSS
• 框架和技术：MudBlazor（用于创建现代化的Web界面），.NET 7/8（应用程序的运行时环境），Node.js 和 npm（前端工具链）

3. 准备工作和安装步骤

准备工作

在开始安装之前，请确保您的系统已经安装以下工具和依赖：

• .NET SDK：确保安装了 .NET 7 和 .NET 8 SDK。
• Node.js 和 npm：安装 Node.js（包含 npm），用于前端工具链。

安装步骤

1. 克隆仓库

   打开命令行工具，执行以下命令以克隆项目仓库：

   git clone https://github.com/elsa-workflows/elsa-studio.git
   

2. 导航到项目目录

   克隆完成后，进入项目目录：

   cd elsa-studio
   

3. 构建前端资源

   在构建项目之前，需要构建前端资源。首先进入 Elsa.Studio.DomInterop 的 ClientLib 目录：

   cd .\src\framework\Elsa.Studio.DomInterop\ClientLib
   

   然后安装 npm 依赖并构建资源：

   npm install
   npm run build
   

   重复上述步骤，但这次是针对 Elsa.Studio.Workflows.Designer 的 ClientLib 目录。

4. 恢复 .NET 依赖

   返回项目根目录，恢复所有 .NET 项目的依赖项：

   dotnet restore Elsa.Studio.sln
   

5. 构建项目

   接下来，构建整个解决方案：

   dotnet build Elsa.Studio.sln
   

6. 运行项目

   根据您的需要，选择以下任一命令来运行项目：

   • 对于 Blazor Server Host：

     dotnet run --project .\src\hosts\Elsa.Studio.Host.Server\Elsa.Studio.Host.Server.csproj --framework net8.0
     

   • 对于 Blazor Server WASM：

     dotnet run --project .\src\hosts\Elsa.Studio.Host.Wasm\Elsa.Studio.Host.Wasm.csproj --framework net8.0
     

按照上述步骤操作，您应该能够成功安装并运行 Elsa Studio 项目。如果在安装过程中遇到任何问题，可以查看项目的 GitHub 仓库中的 README 文件获取更多信息。

elsa-studio A modular, extensible dashboard application framework 项目地址: https://gitcode.com/gh_mirrors/el/elsa-studio