flask + ngrok - redirect doesn't work

Question

I've got the following app:

server.py

@app.route('/')
    def main():
    return render_template('index.html')

@app.route('/login')
    def login():
    return 'hey'

index.html

<body>
 <form action="http://localhost:5000/login" , method="post">
 <input type="submit" value="submit">
</body>

Now I run ngrok:

ngrok http 5000

After typing address (generated by ngrok) into web browser I can see index.html page with button, but when I press the button it redirects me to http://localhost:5000/login where I can see: "connection refused". My question is how to set ngrok and flask server the way they can communicate?

P.S. I've put only a part of my code just for better reading

Even simpler, use `pyngrok` (`pip install pyngrok`) to invoke and manage `ngrok` right from within your `server.py`. [Here's a full Flask example](https://pyngrok.readthedocs.io/en/latest/integrations.html#flask), but basically you'd just need to `from pyngrok import ngrok` and then `ngrok.connect(5000)` when you're defining the routes. — alexdlaird, May 07 '20 at 00:15

score 2 · Answer 1 · answered Nov 09 '17 at 16:15

Btw, I've figured out how to make it other way. After running command:

ngrok http 5000

I get ngrok address thanks to this python script:

import json
import os

def get_ngrok_address():
    os.system("curl  http://localhost:4040/api/tunnels > tunnels.json")

    with open('tunnels.json') as data_file:
        datajson = json.load(data_file)

return dict(zip(['http', 'https'], [i['public_url'] for i in datajson['tunnels']]))

It just gets json object and converts it to python dict:

'http' -> ngrok_http_address
'https' -> ngrok_https_address

Before server start I pass generated address to all html templates e.x.:

<body>
  <form action="{{ ngrok_address }}/login", method="post">
  <input type="submit" value="submit">
</body>

score 0 · Accepted Answer · answered Nov 07 '17 at 20:37

0

What happens if you add the POST method to the login route

@app.route('/login', methods=['POST'])
def login():
    return 'hey'

and change the form action to

<body>
 <form action="/login", method="post">
 <input type="submit" value="submit">
</body>

hm?

answered Nov 07 '17 at 20:37

dimmg

3,316
2
20
29

I forgot to write 'POST' here, but it does exist in my code, I'll fix it now. Btw I tried with: action="/login" and it works :) Thank you – Persi Nov 09 '17 at 16:05

score 0 · Answer 3 · 2017-11-07T21:14:53.877

0

Try to change your host of application.

app.run(host='0.0.0.0')

and then run the command ngrok http 5000

also add POST method for the your route.

@app.route('/login', methods=['POST'])
def login():
 return 'hey'

edited Nov 07 '17 at 21:14

answered Nov 07 '17 at 21:08

I forgot to type here 'POST' in my route args, but it exists in my code. Your solution works fine as well. Thank you! – Persi Nov 09 '17 at 16:06
Nice! and please mark the answer as correct, thanks! – Nov 09 '17 at 18:50

score 0 · Answer 4 · answered Jun 06 '20 at 14:09

0

Try Flask-PyNgrok to use ngrok as flask application extension.

answered Jun 06 '20 at 14:09

Siddhant Shrivastav

259
4
12

flask + ngrok - redirect doesn't work

4 Answers4