How to connect socket ReactJS (build in uibuilder) and NodeRED

General
1

Hello everyone, I am newbie at NodeRED, also my English was bad so if you dont understand what I say below, please let me know
I face issue that when I build frontend ReactJS (in uibuilder, already set uibuilder serve /build folder) and backend NodeRED, but I cannot config connect socket. I know that uibuilder has uibuilder.iife.js which help simplify connect socket, no need to config manual
My react run at port 3000 /project, I have already config Catch SPA (because uibuild base on nodered, same port), when access /project/* end with file, it will read file .html .js .css...etc any static file , but still not work.
Problem occurs in dev mode when I run my react (npm start). After build successfully, it work good in uibuilder localhost:1880/project
Here is all details, please help me, thanks and love you all
public/index.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <script src="http://localhost:1880/uibuilder/uibuilder.iife.min.js"></script>
    <title>React App</title>
  </head>
  <body>
    <div id="root"></div>
    <!-- Load uibuilder client (includes Socket.IO) -->
   
  </body>
</html>

http://localhost:1880/uibuilder/uibuilder.iife.min.js works
when access devtool at react dev mode 3000, i see error that it call (http://localhost:3000/uibuilder/vendor/socket.io/?EIO=4&transport=polling&t=s39g92b8)
1880 work, but 3000 return ...

image
image1057Ă—695 68.5 KB

while I set script is <script src="http://localhost:1880/uibuilder/uibuilder.iife.min.js"></script>.
I already set proxy too but not work...

image
image961Ă—153 11.1 KB

2

@TotallyInformation please help me sir, my boss is angry

1 Like
3

I am using new version both nodered and uibuilder, uibuilderfe.js no longer work, so I cannot follow WIKI :frowning: