How to Transfer Python Flask Application from Localhost to Namecheap Shared hosting Server

0 10 4 minutes read

Table of Contents

Introduction:

How to transfer Python Flask Application from Localhost to Namecheap Shared Hosting Server- Many people can create their Flask applications in VS Code but cannot deploy them on the live server. So, In this article, I will teach you how to transfer your Python Flask application from localhost to a live server. I am using Namecheap’s shared hosting server to deploy this simple Hello World project.

Buying NameCheap Shared Hosting:

As you know, NameCheap hosting is a well-known hosting provider that offers hosting servers at very affordable prices. So for application deployment, NameCheap hosting company is a great option. First, purchase a shared hosting plan from NameCheap, which is available at a very low price, only $2.98.

Create Flask Hello World Application on Localhost:

After purchasing the shared hosting plan, start creating your Flask application. When you create a Python Flask application, first create a folder and open it in your editor. I am using Visual Studio Code.

When you open your folder in Visual Code, you will see an interface like this.

When your project folder is successfully opened, make sure to install Flask before starting the application. To install Flask, simply type ‘pip install flask’ in the terminal and press enter.

I receive the ‘Requirement already satisfied’ message displayed on the terminal console because I have already installed it. However, if you have not installed it, you will see the installation process message.

When Python Flask is installed, it is then ready for actual coding.

Testing Flask Hello World App On Localhost:

To create a Python Flask application, you will need an App.py file and a templates folder. The templates folder will contain HTML and CSS related files, while the main application code will be in App.py

Now open app.py file and paste the below code

from flask import Flask, render_template

app = Flask(__name__)

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

if __name__ == '__main__':
    app.run(debug=True)

from flask import Flask, render_template

app = Flask(__name__)

@app.route('/')

def hello_world():

return render_template('index.html')

if __name__ == '__main__':

app.run(debug=True)

then open the index.html file from the templates folder and paste the below code

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Hello Flask</title>
</head>
<body>
    <h1>Hello, World! Programming Digest</h1>
</body>
</html>

<!DOCTYPE html>

<head>

<title>Hello Flask</title>

</head>

<body>

<h1>Hello, World! Programming Digest</h1>

</body>

</html>

To run the Python Flask application, type ‘python app.py’ in the terminal and press enter.

When you press enter, you will see an output like this on the console. Copy the URL from the console and paste it into your browser.

When you paste the URL into your browser, you will see the output like this.

Transfer Python Flask Application to Live Server:

To transfer the Python Flask application to a live server, log in to your hosting account. once logged in, you will see 3 icons next to your domain: Home, drive, and SSL. To access the NameCheap hosting cPanel, hover your mouse cursor over the middle drive like icon. A dropdown menu will appear. Click on ‘Go to cPanel’ in that menu.

When the cPanel opens, click on ‘Setup Python App’.

To create a Python Flask application, now click on the ‘CREATE APPLICATION’ button.

First, select the recommended Python version.

Then set the name of your application’s root folder. This will be the folder where you create or transfer your Flask application. Next, set your application’s URL. After the URL, set the startup file name; in my case, I am using ‘app.py’. Then, set the application entry point; in my case, it is also ‘app’. When all these fields are filled, click the ‘Create’ button.

After creating the application, you will have an interface like this.

As you can see, my application folder ‘Hello_world’ has been created.

So, it’s now ready for creating or transferring the application. Now, open the ‘Hello_world’ folder and delete all the files. Then, compress your localhost’s application folder into a .zip file and upload it to the created application folder.

Select the helloworl.zip folder and press the extract button.

After extracting, you will have a folder created named ‘helloworld’.

Now, open the folder and move all the files in it to the domain root.

Now delete the helloworld and helloworld.zip folders

Flask Framework installation on live server:

When you want to run a Python Flask application on a live server, it’s essential to install the Flask framework. However, installing Flask on a live server is not like localhost. To install Python Flask on a live server, we create a .txt file and mention all the libraries we want to use in our Flask application in that file. So, in this article, I will install simple Flask because this is a very simple project and I don’t need any other libraries in this application. So, let’s create a lib.txt file and mention Flask in it and press the save button and close the lib.txt.

Now, to install it, open the application created in ‘setup python app’ and add a file with the same name lib.txt.

Once the file is added, click on ‘Run Pip install’ and select the file in which the flask framework is mentioned for installation.

When Flask is successfully installed, a popup message like this will appear.

Now start your python flask application

After starting the flask application click on open

As you can see our application successfully launched.

That is all about transferring the Python Flask application from localhost to the NameCheap live server. I hope this article will be very helpful for you. If you have any questions, you can ask me in the comments.

Fawad 4 weeks ago

0 10 4 minutes read