![fuxa logo](/client/src/favicon.ico)
# FUXA
FUXA is a web-based Process Visualization (SCADA/HMI/Dashboard) software. With FUXA you can create modern process visualizations with individual designs for your machines and real-time data display.
![fuxa editor](/screenshot/fuxa-editor.png)
![fuxa ani](/screenshot/fuxa-ani.gif)
## Features
- Devices connectivity with Modbus RTU/TCP, Siemens S7 Protocol, OPC-UA, BACnet IP, MQTT, Ethernet/IP (Allen Bradley)
- SCADA/HMI Web-Editor - Engineering and Design completely web-based
- Cross-Platform Full-Stack - Backend with NodeJs and Frontend with Web technologies (HTML5, CSS, Javascript, Angular, SVG)
## Live Demo
Here is a [live demo](https://frangoteam.github.io) example of FUXA editor.
## Installing and Running
FUXA is developed with NodeJS (backend) and Angular (frontend).
You need to have installed [Node](https://nodejs.org) (Version 10, 12 or 14) and NPM (Version >= 6.11 and < 7.xx).
Install from [NPM](https://www.npmjs.com/package/@frangoteam/fuxa) (first option)
```
npm install -g --unsafe-perm @frangoteam/fuxa
fuxa
```
Or [Download the latest release](https://github.com/frangoteam/FUXA/releases) and unpack it (second option)
```
cd ./server
npm install
npm start
```
Or in linux running from docker (third option)
```
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
```
Open up a browser (better Chrome) and navigate to http://localhost:1881
## Usage
Look the guide in [wiki](https://github.com/frangoteam/FUXA/wiki) pages
## To Debug (Full Stack)
Install and start to serve the frontend
```
cd ./client
npm install
npm start
```
Start the Server and Client (Browser) in Debug Mode
```
In vscode: Debug ‘Server & Client’
```
## To Build
Build the frontend for production
```
cd ./client
ng build --prod
```
## Contributing
Any contributions you make are greatly appreciated.
If you identify any errors, or have an idea for an improvement, please open an [issue](/../../issues).
But before filing a new issue, please look through already existing issues. Search open and closed issues first.
### Pull-Requests
If you want to raise a pull-request with a new feature, or a refactoring of existing code please first open an issue explaining the problem.
```
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
```
### Coding standards
Please ensure you follow the coding standards used through-out the existing code base. Some basic rules include:
- Indent with 4-spaces, no tabs.
- Opening brace on same line as if/for/function and so on, closing brace on its own line.
## Let us know!
We’d be really happy if you send us your own shapes in order to collect a library to share it with others. Just send an email to [email protected] and do let us know if you have any questions or suggestions regarding our work.
## License
MIT.
没有合适的资源?快使用搜索试试~ 我知道了~
资源推荐
资源详情
资源评论
收起资源包目录
Web组态设计器FUXA (1195个子文件)
styles.100d7f71dcaeb445391d.css 156KB
styles.css 24KB
svg-editor.min.css 18KB
svg-editor.min.css 18KB
editor.component.css 15KB
jquery-plugin.min.css 7KB
jquery-plugin.min.css 7KB
script-editor.component.css 4KB
nouislider.min.css 4KB
nouislider.min.css 4KB
graph-config.component.css 3KB
device.component.css 3KB
chart-config.component.css 3KB
fuxa-view.component.css 2KB
flex-input.component.css 2KB
logs-view.component.css 2KB
alarm-list.component.css 2KB
alarm-view.component.css 2KB
ext-html_button.min.css 2KB
ext-html_button.min.css 2KB
notification-list.component.css 2KB
device-list.component.css 2KB
topic-property.component.css 2KB
bag-property.component.css 2KB
users.component.css 2KB
script-list.component.css 2KB
table-property.component.css 1KB
tester.component.css 1KB
report-list.component.css 1KB
text-list.component.css 1KB
treetable.component.css 1KB
header.component.css 1KB
graph-property.component.css 1KB
chart-property.component.css 1KB
tutorial.component.css 1014B
table-customizer.component.css 874B
pipe-property.component.css 836B
flex-head.component.css 804B
flex-action.component.css 742B
ext-styles.css 661B
ext-styles.css 661B
app.component.css 647B
plugins.component.css 618B
cards-view.component.css 574B
ngx-gauge.component.css 556B
gauge-base.component.css 531B
gauge-property.component.css 526B
alarm-property.component.css 431B
lab.component.css 416B
daterange-dialog.component.css 375B
flex-event.component.css 364B
slider-property.component.css 358B
lib-images.component.css 337B
range-number.component.css 276B
login.component.css 263B
docproperty.dialog.css 238B
iframe-property.component.css 228B
device-property.component.css 168B
view.component.css 166B
flex-variable-map.component.css 124B
device-webapi-property-dialog.component.css 117B
notification-property.component.css 94B
app-settings.component.css 92B
report-item-text.component.css 91B
bitmask.component.css 88B
ngx-nouislider.component.css 57B
sidenav.component.css 1B
tag-options.component.css 0B
tag-property.component.css 0B
confirm-dialog.component.css 0B
sel-options.component.css 0B
ngx-switch.component.css 0B
ngx-uplot.component.css 0B
edit-name.component.css 0B
card-config.component.css 0B
iframe.component.css 0B
ape-shapes.component.css 0B
proc-eng.component.css 0B
shapes.component.css 0B
flex-variables-mapping.component.css 0B
flex-variable.component.css 0B
flex-auth.component.css 0B
html-input.component.css 0B
gauge-semaphore.component.css 0B
html-button.component.css 0B
gauge-progress.component.css 0B
graph-pie.component.css 0B
html-graph.component.css 0B
html-select.component.css 0B
value.component.css 0B
html-iframe.component.css 0B
html-bag.component.css 0B
html-chart.component.css 0B
script-mode.component.css 0B
script-scheduling.component.css 0B
script-permission.component.css 0B
Dockerfile 553B
.editorconfig 299B
MaterialIcons-Regular.4674f8ded773cb03e824.eot 140KB
myicons.eot 3KB
共 1195 条
- 1
- 2
- 3
- 4
- 5
- 6
- 12
资源评论
cchelloworld
- 粉丝: 1
- 资源: 14
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- JAVA实现Modbus RTU或Modbus TCPIP案例.zip
- 基于YOLOv8的FPS TPS AI自动锁定源码+使用步骤说明.zip
- JAVA实现Modbus RTU或Modbus TCPIP案例.zip
- 基于yolov8+streamlit的火灾检测部署源码+模型.zip
- 测试aaaaaaabbbbb
- VID20240521070643.mp4
- Android系统原理与开发学习要点详解-培训课件.zip
- 部署yolov8的tensorrt模型支持检测分割姿态估计的C++源码+部署步骤.zip
- 以简单、易用、高性能为目标、开源的时序数据库,支持Linux及Windows, Time Series Database.zip
- python-leetcode面试题解之第198题打家劫舍-题解.zip
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功