Getting VueJS App Firebase App Working on Nanobox

[oslosharker1]

Im having a hard time getting incomming connections to connect to Nanobox for a Vue App from Firebase
Going to work with Auth0 and do a redirect from Their hosted login thing . I will try a Dry-Run Deploy and see if that goes, and if not go for a Nginx proxy should do it.

But that could be something to add to the documentation. I'll bet others run into the same problem, Firebase Auth, The client is able to send out, but a hassle to receive out-of-the-box

[danhunsaker]

It runs on your local computer inside containers with their own IPs, so you need a proxy of some kind (such as ngrok) to get external access.

[oslosharker1]

Yes. Noticed the post, on it atm. Ngrok seems nice

I'm going to try pm2 for running the node server, does that makes sense? or is there a better alternative?

[danhunsaker]

Production containers use runit to ensure tasks stay running. I'd skip the extra layer. (Assuming I remember correctly what pm2 does.)

[oslosharker1]

kk thanks

Hi i keep getting this error directive "server_name" is not terminated by ";" in /etc/nginx/nanobox/nanobox.app:4
while configuring the Nginx Proxy
server {
listen 80;
listen 443 ssl;
server_name {DOMAIN} *.{DOMAIN};
ssl_certificate /etc/ssl/nanobox/{DOMAIN}.crt;
ssl_certificate_key /etc/ssl/nanobox/{DOMAIN}.key;
location / {
proxy_pass http://{TARGET};
}
}

[danhunsaker]

Ah. yeah, that file is meant to be next to the nanobox folder, not in it. I need to edit that article to describe it better. So, /etc/nginx/nanobox.app.
Otherwise, Nginx tries to use the template as a configuration file, which isn't meant to happen.

[oslosharker1]

ah right nice
Great article and thank by the way.
Signing up for paid today or tomorrow, app that is going to production for a client

[danhunsaker]

Cool.
And thanks for the feedback. I tried to make sure the article was useful.
Opted for that approach instead of Ngrok?

[oslosharker1]

i tried ngrok
thought i could combine
im not sure. new to proxying and first app to production

[danhunsaker]

Ngrok does everything the Nginx proxy does, just on the public Internet instead of locally. Doing both is a bit redundant.

[oslosharker1]

Outgoing traffic works with Firebase, but im not able to autheniticate with the Firebase API from the Vue app in nanobox. Could be because of the firewall, but i im not sure
It registers signups so the code is alright
Data gets pushed, but cannot receive... Probably the firewall, i tried with ngrok , didnt get much, but the TItle showed

So a bit of debugging left, but thanks nice to know. But Nginx is used as a Reverse Proxy infor production apps aswell, though i should have a go see what happens.

[danhunsaker]

It actually isn't. We have a custom load balancer that sits inside the kernel itself that we use instead. Much faster even than Nginx.

[oslosharker1]

Fantastic!

[danhunsaker]

And you don't have to worry about noisy neighbors interfering with that, either, because we install that load balancer directly into your app.

[oslosharker1]

Alirght , maybe i should just deploy, see how that goes

[oslosharker1]

Btw do you have support for Elm or Ocaml?

[danhunsaker]

Elm is on our roadmap. Can you remind me real quick a bit about Ocaml?

[oslosharker1]

OvermindDL1/bucklescript-tea

Implementation of the elm architecture for Ocaml, basically it means access to more options

Also with the Style Elements library for Elm, it will be a joy to do Layout.

[danhunsaker]

Neat. I'll look into both a bit more thoroughly, and probably add OCaml to the roadmap as well.

Feel free to upvote anything you'd like us to implement faster!

[oslosharker1]

Sure Thank you