Deploy React + NodeJs App

[justoverclock]

Hello guys (and hello phenomlab again )
i’m here today because i’m facing some problem and i want to learn how to solve this correctly.

i’ve developed an app for a client with react (frontend) and nodejs (backend). Now i’m using digitalocean APP platform that deploy directly from my repository on github

i have a custom command to run the app in package.json

"prod": "concurrently \"pm2 start ./server/app.js --exp-backoff-restart-delay=100\" \"react-serve-build\""

when the deployement is finished i can see the frontend, but the backend dont work due for EADDRINUSE error, wich means that the port is already in use. The problem is that no matter what the port number is…i get always the same error…

so my question is, how to deploy correctly this app?

[phenomlab]

@justoverclock Any update ?

Thanks

EDIT - marking as solved based on the below thread
https://sudonix.com/topic/339/digitalocean-step-by-step-guide-to-nginx-configuration

[phenomlab]

@justoverclock

Try this

"prod": "concurrently \"NODE_PORT=xxxx pm2 start ./server/app.js --exp-backoff-restart-delay=100\" \"react-serve-build\""

Obviously, where xxxx is the port number you’d like to use.

[justoverclock]

@phenomlab unfortunately doesnt work…i can see clearly both client and server running on pm2…but my server does not accept api requests…

https://i.ibb.co/719GQ5V/Immagine-2022-09-08-101306.png

https://vito-fiore-xfs2k.ondigitalocean.app/

[phenomlab]

@justoverclock Is there any firewall in between ?

[justoverclock]

@phenomlab i don’t know…is the digitalocean APP platform…because i’m not able to setup a droplet , and this platform does everything for me

[phenomlab]

@justoverclock Are you able to send a telnet request from the server to the API host ? For example

telnet <ipaddress_api> <port>

[justoverclock]

@phenomlab said in Deploy React + NodeJs App:

telnet <ipaddress_api> <port>

with postman i get raw html as a response, i do not know telnet

[phenomlab]

@justoverclock Sounds like the port is open then. Do you have a config file for your server you can share ?

[justoverclock]

@phenomlab no config file, the app platform does everything automatically. so its better that i will create a droplet instead? but no idea on how can i configure all…

[phenomlab]

@justoverclock have you approached Digital Ocean concerning this ?

[justoverclock]

@phenomlab yeah, no response at all

[phenomlab]

@justoverclock Wow. I’ll need to understand a bit more in terms of the topology etc before I can help.

[justoverclock]

@phenomlab if you have some step by step guide to setup the droplet i’ll switch to that…

for now i have a droplet with node installed, i’ve dropped all the file inside, now i’m running npm install and npm run build to install dependencies…after that i do not know how to tell the file to show

[phenomlab]

@justoverclock I don’t have a guide for this I’m afraid.

[justoverclock]

@phenomlab ok…i think i’ve managed all, now it works on a droplet…

i have only one problem running chromium (my app use chromium)

/home/marco/.pm2/logs/app-error.log last 15 lines:
1|app      |     at ExecutionContext.evaluate (/home/marco/node_modules/puppetee                                              r/lib/cjs/puppeteer/common/ExecutionContext.js:110:27)
1|app      |     at DOMWorld.evaluate (/home/marco/node_modules/puppeteer/lib/cj                                              s/puppeteer/common/DOMWorld.js:97:24)
1|app      |     at processTicksAndRejections (node:internal/process/task_queues                                              :96:5)
1|app      | Error: Protocol error (Runtime.callFunctionOn): Session closed. Mos                                              t likely the page has been closed.
1|app      |     at CDPSession.send (/home/marco/node_modules/puppeteer/lib/cjs/                                              puppeteer/common/Connection.js:218:35)
1|app      |     at ExecutionContext._evaluateInternal (/home/marco/node_modules                                              /puppeteer/lib/cjs/puppeteer/common/ExecutionContext.js:204:50)
1|app      |     at ExecutionContext.evaluate (/home/marco/node_modules/puppetee                                              r/lib/cjs/puppeteer/common/ExecutionContext.js:110:27)
1|app      |     at DOMWorld.evaluate (/home/marco/node_modules/puppeteer/lib/cj                                              s/puppeteer/common/DOMWorld.js:97:24)
1|app      |     at processTicksAndRejections (node:internal/process/task_queues                                              :96:5)
1|app      | Error: Protocol error (Runtime.callFunctionOn): Session closed. Mos                                              t likely the page has been closed.
1|app      |     at CDPSession.send (/home/marco/node_modules/puppeteer/lib/cjs/                                              puppeteer/common/Connection.js:218:35)
1|app      |     at ExecutionContext._evaluateInternal (/home/marco/node_modules                                              /puppeteer/lib/cjs/puppeteer/common/ExecutionContext.js:204:50)
1|app      |     at ExecutionContext.evaluate (/home/marco/node_modules/puppetee                                              r/lib/cjs/puppeteer/common/ExecutionContext.js:110:27)
1|app      |     at DOMWorld.evaluate (/home/marco/node_modules/puppeteer/lib/cj                                              s/puppeteer/common/DOMWorld.js:97:24)
1|app      |     at processTicksAndRejections (node:internal/process/task_queues                                              :96:5)

any suggestion?

[phenomlab]

@justoverclock Looks like it fails on unit tests. Have you added a try / catch to see what the exact error is or where it stalls ? Or perhaps you forgot an await so that the browser.close() executes before your command has terminated.

[justoverclock]

@phenomlab yes the logs file suggest me some missing libraries from puppeteer, i’m trying now to install all…

[phenomlab]

@justoverclock Thought so.

[justoverclock]

@phenomlab said in Deploy React + NodeJs App:

Thought so.

ok everything works fine now…

i just need some help on little things!

now i can access my droplet with the ip address. and is only http (no https).

so first of all i do not have nginx or other stuff right now, and i need to:

• secure all with https
• use a name instead of ip (not a real domain, something like appname.digitalocean.idontknow)

is this possible?

[phenomlab]

@justoverclock the security of HTTPS is possible, as is an nginx build, but not the FQDN you have chosen as you don’t own the digitalocean domain name space. If you wanted mytest.nydomain.com for example then this would be possible, but but for a domain you so not own or manage.