Deploying Novu in Cloud #992

soman7 · 2022-08-09T10:21:25Z

soman7
Aug 9, 2022

How can I deploy Novu in Cloud with all its notification functionalities working properly?

scopsy · 2022-08-10T10:37:11Z

scopsy
Aug 10, 2022
Maintainer

Hi @soman7 to deploy Novu on your own cloud you would need to use the Docker images provided by Novu. You can find a guide on how this can be done here: https://docs.novu.co/overview/docker-deploy Let me know if you have any other questions 🙏

5 replies

abdrehman98 Oct 24, 2022

Hi @scopsy, I tried deploying NOVU on a Ubuntu 22.04 Server. I followed the steps:

git clone --depth 1 https://github.com/novuhq/novu
cd novu/docker
cp .env.example .env
# updated JWT Secret in .env
docker-compose up -d

I have opened all the ports on the server for now. When I hit the server on http://:4200. I am greeted with frontend. But when I try to signup. It says Network Error and in the console logs I am getting these errors:

Access to XMLHttpRequest at 'http://localhost:3000/v1/environments' from origin 'http://<public-ip>:4200' has been blocked by CORS policy: The request client is not a secure context and the resource is in more-private address space `local`.
instrument.ts:124 Error: Network Error
    at e.exports (createError.js:16:15)
    at p.onerror (xhr.js:99:14)
    at XMLHttpRequest.i (helpers.ts:98:17)
(anonymous) @ instrument.ts:124
onError @ query.js:356
p @ retryer.js:67
(anonymous) @ retryer.js:132
Promise.catch (async)
u @ retryer.js:116
c @ retryer.js:156
t.fetch @ query.js:330
n.executeFetch @ queryObserver.js:199
n.onSubscribe @ queryObserver.js:40
t.subscribe @ subscribable.js:16
(anonymous) @ useBaseQuery.js:60
Dl @ react-dom.production.min.js:262
t.unstable_runWithPriority @ scheduler.production.min.js:18
qi @ react-dom.production.min.js:122
Ll @ react-dom.production.min.js:261
bl @ react-dom.production.min.js:243
(anonymous) @ react-dom.production.min.js:123
t.unstable_runWithPriority @ scheduler.production.min.js:18
qi @ react-dom.production.min.js:122
Yi @ react-dom.production.min.js:123
Gi @ react-dom.production.min.js:122
xl @ react-dom.production.min.js:244
au @ react-dom.production.min.js:289
t.render @ react-dom.production.min.js:296
(anonymous) @ index.tsx:6
(anonymous) @ index.tsx:18
(anonymous) @ index.tsx:18
trycatch.ts:181          GET http://localhost:3000/v1/environments net::ERR_FAILED
(anonymous) @ trycatch.ts:181
(anonymous) @ instrument.ts:286
(anonymous) @ xhr.js:187
e.exports @ xhr.js:13
e.exports @ dispatchRequest.js:51
c.request @ Axios.js:108
r.forEach.c.<computed> @ Axios.js:129
(anonymous) @ bind.js:9
Ci @ api.client.ts:6
nc @ environment.ts:8
fetchFn @ query.js:298
u @ retryer.js:95
c @ retryer.js:156
t.fetch @ query.js:330
n.executeFetch @ queryObserver.js:199
n.onSubscribe @ queryObserver.js:40
t.subscribe @ subscribable.js:16
(anonymous) @ useBaseQuery.js:60
Dl @ react-dom.production.min.js:262
t.unstable_runWithPriority @ scheduler.production.min.js:18
qi @ react-dom.production.min.js:122
Ll @ react-dom.production.min.js:261
bl @ react-dom.production.min.js:243
(anonymous) @ react-dom.production.min.js:123
t.unstable_runWithPriority @ scheduler.production.min.js:18
qi @ react-dom.production.min.js:122
Yi @ react-dom.production.min.js:123
Gi @ react-dom.production.min.js:122
xl @ react-dom.production.min.js:244
au @ react-dom.production.min.js:289
t.render @ react-dom.production.min.js:296
(anonymous) @ index.tsx:6
(anonymous) @ index.tsx:18
(anonymous) @ index.tsx:18
Show 4 more frames
:4200/auth/login:1 Access to XMLHttpRequest at 'http://localhost:3000/v1/environments/me' from origin 'http://<public-ip>:4200' has been blocked by CORS policy: The request client is not a secure context and the resource is in more-private address space `local`.
instrument.ts:124 Error: Network Error
    at e.exports (createError.js:16:15)
    at p.onerror (xhr.js:99:14)
    at XMLHttpRequest.i (helpers.ts:98:17)
(anonymous) @ instrument.ts:124
onError @ query.js:356
p @ retryer.js:67
(anonymous) @ retryer.js:132
Promise.catch (async)
u @ retryer.js:116
c @ retryer.js:156
t.fetch @ query.js:330
n.executeFetch @ queryObserver.js:199
n.onSubscribe @ queryObserver.js:40
t.subscribe @ subscribable.js:16
(anonymous) @ useBaseQuery.js:60
Dl @ react-dom.production.min.js:262
t.unstable_runWithPriority @ scheduler.production.min.js:18
qi @ react-dom.production.min.js:122
Ll @ react-dom.production.min.js:261
bl @ react-dom.production.min.js:243
(anonymous) @ react-dom.production.min.js:123
t.unstable_runWithPriority @ scheduler.production.min.js:18
qi @ react-dom.production.min.js:122
Yi @ react-dom.production.min.js:123
Gi @ react-dom.production.min.js:122
xl @ react-dom.production.min.js:244
au @ react-dom.production.min.js:289
t.render @ react-dom.production.min.js:296
(anonymous) @ index.tsx:6
(anonymous) @ index.tsx:18
(anonymous) @ index.tsx:18
trycatch.ts:181          GET http://localhost:3000/v1/environments/me net::ERR_FAILED
(anonymous) @ trycatch.ts:181
(anonymous) @ instrument.ts:286
(anonymous) @ xhr.js:187
e.exports @ xhr.js:13
e.exports @ dispatchRequest.js:51
c.request @ Axios.js:108
r.forEach.c.<computed> @ Axios.js:129
(anonymous) @ bind.js:9
Ci @ api.client.ts:6
tc @ environment.ts:4
fetchFn @ query.js:298
u @ retryer.js:95
c @ retryer.js:156
t.fetch @ query.js:330
n.executeFetch @ queryObserver.js:199
n.onSubscribe @ queryObserver.js:40
t.subscribe @ subscribable.js:16
(anonymous) @ useBaseQuery.js:60
Dl @ react-dom.production.min.js:262
t.unstable_runWithPriority @ scheduler.production.min.js:18
qi @ react-dom.production.min.js:122
Ll @ react-dom.production.min.js:261
bl @ react-dom.production.min.js:243
(anonymous) @ react-dom.production.min.js:123
t.unstable_runWithPriority @ scheduler.production.min.js:18
qi @ react-dom.production.min.js:122
Yi @ react-dom.production.min.js:123
Gi @ react-dom.production.min.js:122
xl @ react-dom.production.min.js:244
au @ react-dom.production.min.js:289
t.render @ react-dom.production.min.js:296
(anonymous) @ index.tsx:6
(anonymous) @ index.tsx:18
(anonymous) @ index.tsx:18
Show 4 more frames
:4200/auth/login:1 Access to XMLHttpRequest at 'http://localhost:3000/v1/changes/count' from origin 'http://<public-ip>:4200' has been blocked by CORS policy: The request client is not a secure context and the resource is in more-private address space `local`.
instrument.ts:124 Error: Network Error
    at e.exports (createError.js:16:15)
    at p.onerror (xhr.js:99:14)
    at XMLHttpRequest.i (helpers.ts:98:17)
(anonymous) @ instrument.ts:124
onError @ query.js:356
p @ retryer.js:67
(anonymous) @ retryer.js:132
Promise.catch (async)
u @ retryer.js:116
c @ retryer.js:156
t.fetch @ query.js:330
n.executeFetch @ queryObserver.js:199
n.onSubscribe @ queryObserver.js:40
t.subscribe @ subscribable.js:16
(anonymous) @ useBaseQuery.js:60
Dl @ react-dom.production.min.js:262
t.unstable_runWithPriority @ scheduler.production.min.js:18
qi @ react-dom.production.min.js:122
Ll @ react-dom.production.min.js:261
bl @ react-dom.production.min.js:243
(anonymous) @ react-dom.production.min.js:123
t.unstable_runWithPriority @ scheduler.production.min.js:18
qi @ react-dom.production.min.js:122
Yi @ react-dom.production.min.js:123
Gi @ react-dom.production.min.js:122
xl @ react-dom.production.min.js:244
au @ react-dom.production.min.js:289
t.render @ react-dom.production.min.js:296
(anonymous) @ index.tsx:6
(anonymous) @ index.tsx:18
(anonymous) @ index.tsx:18
trycatch.ts:181          GET http://localhost:3000/v1/changes/count net::ERR_FAILED

Here's a screenshot as well of errors:

Looking forward for help.
Also is there any documentation available for putting novu behind a reverse proxy?

abdrehman98 Oct 24, 2022

I was able to get things up by replacing localhost with in .env for the following VARS:

REACT_APP_WS_URL
API_ROOT_URL
FRONT_BASE_URL
WIDGET_EMBED_PATH
WIDGET_URL

Now I just need help with reverse proxy.
Also, how can I make sure only invited people can log in or restrict signups to emails with specific domains?

oba2311 Nov 3, 2022

Hi @abdrehman98 ,
Feel free to use Discord/help wanted to get technical answers. Reg permissions - this is a feature that will be available on our enterprise version soon.

Thanks

thaoqd Jan 30, 2023

Hi @scopsy, @oba2311, @abdrehman98
I have the same issue as above when when deploying novu using docker compose on virtual machine. I have deploy sucessfull on docker compose but when I access frontend and sign up, I get a error blocked by CORS as @abdrehman98 above.
How to resolve this issue. Please help me.
Thanks

scopsy Feb 5, 2023
Maintainer

@thaoqd Seems like the the FRONT_BASE_URL specified on the API docker image is not matching your deployment URL. What is the domain from which the WEB project is served from ?

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

Deploying Novu in Cloud #992

Uh oh!

{{title}}

Uh oh!

Replies: 1 comment 5 replies

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{title}}

Uh oh!

Select a reply

Uh oh!

Deploying Novu in Cloud #992

Uh oh!

soman7 Aug 9, 2022

Replies: 1 comment · 5 replies

Uh oh!

scopsy Aug 10, 2022 Maintainer

Uh oh!

abdrehman98 Oct 24, 2022

Uh oh!

abdrehman98 Oct 24, 2022

Uh oh!

oba2311 Nov 3, 2022

Uh oh!

thaoqd Jan 30, 2023

Uh oh!

scopsy Feb 5, 2023 Maintainer

soman7
Aug 9, 2022

Replies: 1 comment 5 replies

scopsy
Aug 10, 2022
Maintainer

scopsy Feb 5, 2023
Maintainer