FUXA项目生产环境构建指南

FUXA项目生产环境构建指南

FUXA Web-based Process Visualization (SCADA/HMI/Dashboard) software 项目地址: https://gitcode.com/gh_mirrors/fu/FUXA

生产环境构建流程

FUXA作为一个工业自动化HMI/SCADA系统，其前端部分基于Angular框架开发。在生产环境部署时，需要进行专门的构建操作以优化性能并确保安全性。

构建步骤详解

1. 进入客户端目录
   首先需要定位到FUXA项目的client文件夹，这是前端代码所在的位置。

2. 执行生产构建命令
   在client目录下运行Angular的生产构建命令：

   ng build --configuration=production
   

   这个命令会触发Angular的AOT(Ahead-of-Time)编译，进行代码优化、压缩和tree-shaking等操作。

部署方案选择

构建完成后，会生成dist目录，包含所有优化后的静态资源文件。根据实际需求，有两种部署方式：

纯前端部署方案

1. 复制dist内容
   将dist目录下的所有文件复制到Web服务器(如Nginx)的public目录中。

2. 配置Web服务器
   只需配置Web服务器提供这些静态文件服务即可，无需运行Node.js服务。

全栈部署方案

如果需要使用FUXA的后端功能：

1. 保留server目录
   确保server目录中的后端服务代码完整。

2. 启动后端服务
   在server目录下运行npm start启动Node.js服务。

3. 前端资源处理
   可以将dist内容放在server的public目录中，由Node.js统一提供服务。

生产环境注意事项

1. 性能优化
   生产构建会自动启用各种优化措施，包括代码压缩、缓存策略等。

2. 安全性
   生产构建会移除源代码映射(source map)等调试信息，提高安全性。

3. 环境变量
   确保正确配置生产环境所需的各种环境变量。

4. 资源路径
   如果部署在子路径下，需要调整base-href参数确保资源路径正确。

通过以上步骤，可以顺利完成FUXA项目从开发环境到生产环境的转换，根据实际需求选择合适的部署方案。

FUXA Web-based Process Visualization (SCADA/HMI/Dashboard) software 项目地址: https://gitcode.com/gh_mirrors/fu/FUXA