FUXA는 웹 기반 프로세스 시각화(SCADA/HMI/Dashboard) 소프트웨어입니다. FUXA를 사용하면 기계의 개별 설계와 실시간 데이터 표시를 통해 현대적인 프로세스 시각화를 생성할 수 있습니다.
Modbus RTU/TCP, Siemens S7 프로토콜, OPC-UA, BACnet IP, MQTT, 이더넷/IP(Allen Bradley)를 통한 장치 연결
SCADA/HMI 웹 편집기 - 완전한 웹 기반 엔지니어링 및 설계
크로스 플랫폼 전체 스택 - NodeJ가 포함된 백엔드 및 웹 기술(HTML5, CSS, Javascript, Angular, SVG)이 포함된 프런트엔드
다음은 FUXA 편집기의 라이브 데모 예입니다.
FUXA는 NodeJS(백엔드)와 Angular(프론트엔드)로 개발되었습니다.
설치 및 시작에 대한 자세한 내용은 Wiki를 참조하세요.
위키
Wiki 설치/구축
docker pull frangoteam/fuxa:latest docker run -d -p 1881:1881 frangoteam/fuxa:latest // persistent storage of application data (project), daq (tags history), logs and images (resource) docker run -d -p 1881:1881 -v fuxa_appdata:/usr/src/app/FUXA/server/_appdata -v fuxa_db:/usr/src/app/FUXA/server/_db -v fuxa_logs:/usr/src/app/FUXA/server/_logs -v fuxa_images:/usr/src/app/FUXA/server/_images frangoteam/fuxa:latest // with Docker compose // persistent storage will be at ./appdata ./db ./logs and ./images wget https://raw.githubusercontent.com/frangoteam/FUXA/master/compose.yml docker compose up -d
노드 버전 18을 설치해야 합니다.
경고 nodejs 버전 18을 사용하는 Linux에서는 설치가 어려울 수 있습니다. S7(node-snap7 라이브러리)을 통해 Siemens PLC와 통신하지 않으려면 NPM @frangoteam/fuxa-min에서 설치할 수 있습니다.
npm install -g --unsafe-perm @frangoteam/fuxa fuxa
최신 릴리스를 다운로드하고 압축을 풀어보세요.
노드 버전 18을 설치해야 합니다.
경고 nodejs 버전 18을 사용하는 Linux에서는 설치가 어려울 수 있습니다. S7을 통해 Siemens PLC와 통신하지 않으려면 server/package.json에서 node-snap7 라이브러리를 제거할 수 있습니다.
cd ./server npm install npm start
브라우저(보다 나은 Chrome)를 열고 http://localhost:1881로 이동합니다.
참고 nodejs 버전 14를 사용하려는 경우 package.json 종속성에서 odbc를 제거하세요. nodejs 14에는 특정 버전의 odbc와 호환성 문제가 있어 설치 오류가 발생할 수 있습니다.
Electron은 웹 기술을 사용하여 크로스 플랫폼 데스크톱 애플리케이션을 구축하기 위한 프레임워크입니다. Electron 애플리케이션은 독립형입니다. 즉, 웹 브라우저 없이 데스크톱에서 독립적으로 실행할 수 있습니다.
Electron 애플리케이션을 생성하려면 node.js 18이 설치되어 있어야 합니다. 다음 단계를 따르세요.
서버와 클라이언트를 먼저 구축하세요
cd ./server npm install cd ../client npm install npm run build
포장
cd ./app npm install npm run package
이 단계를 수행하면 FUXA용 독립형 Electron 애플리케이션이 생성됩니다. 애플리케이션은 ./app 디렉토리에서 찾을 수 있습니다.
위키 페이지에서 가이드를 보세요
frangoteam의 동영상 보기
Fusion Automate의 비디오 보기 - Urvish Nakum
프런트엔드 설치 및 서비스 시작
cd ./client npm install npm start
디버그 모드에서 서버 및 클라이언트(브라우저) 시작
In vscode: Debug ‘Server & Client’
프로덕션을 위한 프런트엔드 구축
cd ./client ng build --configuration=production
귀하의 기여에 크게 감사드립니다. 오류를 발견했거나 개선할 아이디어가 있으면 이슈를 열어주세요. 하지만 새로운 문제를 제출하기 전에 이미 존재하는 문제를 살펴보시기 바랍니다. 열린 이슈와 닫힌 이슈를 먼저 검색하세요.
문서를 개선하거나 소셜 미디어에서 FUXA를 홍보하는 등 코드 외 기여도 높이 평가됩니다.
새로운 기능이나 기존 코드의 리팩토링으로 풀 요청을 제기하려면 먼저 문제를 설명하는 문제를 열어주세요.
1. Fork the Project 2. Create your Feature Branch (git checkout -b feature/AmazingFeature) 3. Commit your Changes (git commit -m 'Add some AmazingFeature') 4. Push to the Branch (git push origin feature/AmazingFeature) 5. Open a Pull Request
기존 코드 베이스 전반에 걸쳐 사용되는 코딩 표준을 준수하는지 확인하세요. 몇 가지 기본 규칙은 다음과 같습니다.
4칸 들여쓰기, 탭 없음.
if/for/function 등과 같은 줄에서 중괄호를 열고, 자체 줄에서 중괄호를 닫습니다.
다른 사람들과 공유할 라이브러리를 수집하기 위해 자신만의 모양을 보내주시면 정말 기쁠 것입니다. [email protected]로 이메일을 보내주시고, 저희 작업과 관련하여 질문이나 제안 사항이 있으시면 알려주시기 바랍니다.
MIT.