# How to ngrok dashboard ui

**URL:** https://discourse.nodered.org/t/how-to-ngrok-dashboard-ui/7298
**Category:** Dashboard
**Created:** [27 January 2019 09:14 UTC](https://discourse.nodered.org/t/how-to-ngrok-dashboard-ui/7298 "2019-01-27T09:14:16Z")
**Posts on this page:** 14
**Page:** 2

<div class="post-metadata">

### Author: ![nodepi](https://avatars.discourse-cdn.com/v4/letter/n/53a042/32.png) [@nodepi](https://discourse.nodered.org/u/nodepi)
#### Post date: [2 February 2019 09:32 UTC](https://discourse.nodered.org/t/how-to-ngrok-dashboard-ui/7298/21 "2019-02-02T09:32:17Z")

</div>

Thanks Colin, yes it does, but I followed some tutorials and made the problem is even worse, wiping sd card with fresh backup image and will give you the results when setup again.

My question hasn't been answered and maybe the whole problem, do I append the proxy code [andrei-tatar] gave me to nginx.conf or overwrite or comment out something? I have never tried a reverse proxy before and the first time I have touched nginx.

---

<div class="post-metadata">

### Author: ![Colin](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/colin/32/17040_2.png) [@Colin](https://discourse.nodered.org/u/Colin)
#### Post date: [2 February 2019 10:15 UTC](https://discourse.nodered.org/t/how-to-ngrok-dashboard-ui/7298/22 "2019-02-02T10:15:40Z")

</div>

Sorry I can't help with the fundamental problem, I just knew where to find the error log so hoped that might help. I haven't used nginx in that way. I setup a VPN on one of my Pis for remote access which I found fairly simple and works well, for me anyway. In case anyone is interested:  
[http://blog.clanlaw.org.uk/2016/07/30/A-complete-vpn-server-for-under-20-ukp.html](http://blog.clanlaw.org.uk/2016/07/30/A-complete-vpn-server-for-under-20-ukp.html)

---

<div class="post-metadata">

### Author: ![nodepi](https://avatars.discourse-cdn.com/v4/letter/n/53a042/32.png) [@nodepi](https://discourse.nodered.org/u/nodepi)
#### Post date: [2 February 2019 11:21 UTC](https://discourse.nodered.org/t/how-to-ngrok-dashboard-ui/7298/23 "2019-02-02T11:21:20Z")

</div>

2019/02/02 22:18:59 [emerg] 1543#1543: "server" directive is not allowed here in /etc/nginx/nginx.conf:87

---

<div class="post-metadata">

### Author: ![Colin](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/colin/32/17040_2.png) [@Colin](https://discourse.nodered.org/u/Colin)
#### Post date: [2 February 2019 11:37 UTC](https://discourse.nodered.org/t/how-to-ngrok-dashboard-ui/7298/24 "2019-02-02T11:37:31Z")

</div>

> [@nodepi](#):
>
> "server" directive is not allowed here in /etc/nginx/nginx.conf:87

Probably there is a missing } or something similar in the file.  
Can you post your config file if you can't see the problem. Put a line with three backticks on before and after it here so that the forum doesn't mess up the formatting.

---

<div class="post-metadata">

### Author: ![nodepi](https://avatars.discourse-cdn.com/v4/letter/n/53a042/32.png) [@nodepi](https://discourse.nodered.org/u/nodepi)
#### Post date: [4 February 2019 10:29 UTC](https://discourse.nodered.org/t/how-to-ngrok-dashboard-ui/7298/25 "2019-02-04T10:29:59Z")

</div>

Solved it, I decided to give one last shot before doing an Iframe within html, very happy I did.

Here, for the record, is how to do a reverse proxy with nginx with raspbian:

sudo apt install nginx

cd /etc/nginx/sites-available  
sudo nano reverse-proxy.conf

#Paste the following

```auto
server {
       listen 3000;
       listen [::]:3000;
       location / {
              proxy_pass http://localhost:1880/ui/;
       }
}

```

sudo ln -s /etc/nginx/sites-available/reverse-proxy.conf /etc/nginx/sites-enabled/reverse-proxy.conf

sudo systemctl start nginx  
sudo systemctl enable nginx

#Command to see what ports are now open  
netstat -tupln

#use ngrock  
./ngrok http -auth='username:password' -region au 3000

---

<div class="post-metadata">

### Author: ![hmzhdd](https://avatars.discourse-cdn.com/v4/letter/h/919ad9/32.png) [@hmzhdd](https://discourse.nodered.org/u/hmzhdd)
#### Post date: [4 February 2019 10:42 UTC](https://discourse.nodered.org/t/how-to-ngrok-dashboard-ui/7298/26 "2019-02-04T10:42:48Z")

</div>

Check serveo it's a great tool

---

<div class="post-metadata">

### Author: ![nodepi](https://avatars.discourse-cdn.com/v4/letter/n/53a042/32.png) [@nodepi](https://discourse.nodered.org/u/nodepi)
#### Post date: [4 February 2019 10:59 UTC](https://discourse.nodered.org/t/how-to-ngrok-dashboard-ui/7298/28 "2019-02-04T10:59:31Z")

</div>

Yeah I checked serveo out but it said it was 64 bit so I didn't try it since I wanted to use it on raspberry pi

---

<div class="post-metadata">

### Author: ![TotallyInformation](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/totallyinformation/32/31_2.png) [@TotallyInformation](https://discourse.nodered.org/u/TotallyInformation)
#### Post date: [4 February 2019 16:51 UTC](https://discourse.nodered.org/t/how-to-ngrok-dashboard-ui/7298/29 "2019-02-04T16:51:36Z")

</div>

> [@nodepi](#):
>
> #I can't get the above spacing right, use the spacing andrei-tatar did in his example

Use triple backticks around the code block.

````
```
Left aligned
    indented
```

````

---

<div class="post-metadata">

### Author: ![nodepi](https://avatars.discourse-cdn.com/v4/letter/n/53a042/32.png) [@nodepi](https://discourse.nodered.org/u/nodepi)
#### Post date: [5 February 2019 23:57 UTC](https://discourse.nodered.org/t/how-to-ngrok-dashboard-ui/7298/30 "2019-02-05T23:57:13Z")

</div>

Thank you someone did mention that earlier, must have misread and used 2 back ticks instead

---

<div class="post-metadata">

### Author: ![JamieBrickston](https://avatars.discourse-cdn.com/v4/letter/j/96bed5/32.png) [@JamieBrickston](https://discourse.nodered.org/u/JamieBrickston)
#### Post date: [4 March 2019 21:51 UTC](https://discourse.nodered.org/t/how-to-ngrok-dashboard-ui/7298/31 "2019-03-04T21:51:10Z")

</div>

> [@nodepi](#):
>
> sudo apt install nginx
> 
> cd /etc/nginx/sites-available  
> sudo nano reverse-proxy.conf
> 
> #Paste the following
> 
> ```auto
> server {
> listen 3000;
> listen [::]:3000;
> location / {
> proxy_pass http://localhost:1880/ui/;
> }
> }
> 
> ```
> 
> sudo ln -s /etc/nginx/sites-available/reverse-proxy.conf /etc/nginx/sites-enabled/reverse-proxy.conf
> 
> sudo systemctl start nginx  
> sudo systemctl enable nginx
> 
> #Command to see what ports are now open  
> netstat -tupln
> 
> #use ngrock  
> ./ngrok http -auth='username:password' -region au 3000

Followed this to the letter, but when I run the last line I get:  
-bash: ./ngrok: No such file or directory

Any ideas? I'm taking it you isntalled something else along the way that I don't have...

---

<div class="post-metadata">

### Author: ![JamieBrickston](https://avatars.discourse-cdn.com/v4/letter/j/96bed5/32.png) [@JamieBrickston](https://discourse.nodered.org/u/JamieBrickston)
#### Post date: [4 March 2019 23:49 UTC](https://discourse.nodered.org/t/how-to-ngrok-dashboard-ui/7298/32 "2019-03-04T23:49:05Z")

</div>

I've actually taken a slightly different route for my dynamic DNS, but I'm still using the nginx setup above.

Am I correct in saying the only thing available on port 3000 with the above setup is the dashboard and the editor is not accessible?

---

<div class="post-metadata">

### Author: ![krambriw](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/krambriw/32/5429_2.png) [@krambriw](https://discourse.nodered.org/u/krambriw)
#### Post date: [5 March 2019 17:03 UTC](https://discourse.nodered.org/t/how-to-ngrok-dashboard-ui/7298/33 "2019-03-05T17:03:11Z")

</div>

Just try /home/pi/ngrok http 1880  
Check also that ngrok has properties (X) executable

---

<div class="post-metadata">

### Author: ![nodepi](https://avatars.discourse-cdn.com/v4/letter/n/53a042/32.png) [@nodepi](https://discourse.nodered.org/u/nodepi)
#### Post date: [13 March 2019 02:32 UTC](https://discourse.nodered.org/t/how-to-ngrok-dashboard-ui/7298/34 "2019-03-13T02:32:03Z")

</div>

Sorry for lack of response, life has been busy. This post was intended for people having trouble using default ngrok with node-red as I was, I still don't understand why it was only me that was having trouble. Default ngrok may work just fine for you

Here is a link how to get started with ngrok [https://ngrok.com/download](https://ngrok.com/download)

I strongly recommend using user/password option at all times if you haven't already set up node-red-admin, having devices naked on the web is never a good idea, no matter how short you imagine the time, there are a terrifying number of bots just looking for open systems out there.

---

<div class="post-metadata">

### Author: ![MrEngineer1](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/mrengineer1/32/22693_2.png) [@MrEngineer1](https://discourse.nodered.org/u/MrEngineer1)
#### Post date: [24 May 2020 20:13 UTC](https://discourse.nodered.org/t/how-to-ngrok-dashboard-ui/7298/35 "2020-05-24T20:13:22Z")

</div>

> [@andrei-tatar](#):
>
> ```auto
> server {
> listen 3000;
> location / {
> proxy_pass http://127.0.0.1:1880/ui;
> }
> }
> 
> ```

for my case it was adding an extra "/ui "to the end of my link. So, I just removed it.

I am using Dataplicity.

[Previous page](https://discourse.nodered.org/t/how-to-ngrok-dashboard-ui/7298.md?page=1)
