This Django article is going to be a long one. It is highly recommended that you follow all the steps. Django is relatively easier to put on a production server. Still, the process takes some time of around 30 mins. Let\u2019s start the Django web hosting tutorial.<\/p>\n
What is Production Environment?<\/h3>\n
A server computer is nothing but a computer. The special thing about a server computer is that it’s connected to internet 24×7. It has a server program, backend and everything your website needs.<\/em> Therefore, it is often called a production environment.<\/p>\n A suitable example could be a smartphone manufacturing factory. The end product of this factory is ready for end-user. The same thing is your website on the server. The server is the factory which processes your website. The user consumes the processed product. Every website on the internet is on a server. That server provides the developer with a production environment.<\/p>\n A production environment is capable of running and serving your website to users. The production environment can include:<\/p>\n So, there are a lot of components on a web server. Server technology is a domain in its own. We need not bother about it. For our purpose, we just need a server which is connected to internet 24×7.<\/p>\n That server can be situated in local premises or you can choose a hosting platform. Generally, developers prefer hosting platforms. It has its own benefits. In this article, we are going to learn how to host our website using one of these hosting platforms.<\/p>\n Hosting platforms provide infrastructure as a service to developers. So developers need not buy hardware. They can skip to the part of the software configuration. This is an application of cloud computing and is called IaaS (Infrastructure as a Service)<\/strong>. These hosting companies can also provide a PaaS (Platform as a Service)<\/strong>. You can actually create a computer with chosen hardware specifications. You can select everything from OS to software installed. Cloud technology has lots of applications. We are going to use one of them.<\/p>\n Hosting platforms are better for every developer who is a beginner. Since we as developers get a chance to showcase our work for free. We will be using pythonanywhere.com for this purpose. There are several hosting platforms available like AWS, Heroku, Digital Ocean,<\/em> etc.<\/p>\n You can check out this website to know which hosting service provide Django support:<\/p>\n Django Friendly Website<\/a><\/p>\n There are a lot of them since Django is a powerful framework. Ultimately, it depends on you to use whatever platform. Generally, developers choose the one which is easiest to start working with.<\/p>\n This part is for developers who have no experience with Git. Feel free to skip if you have installed Git and have an account on GitHub. We are going to introduce Git and GitHub in this article.<\/p>\n So, Git is a version control system which means it will track your progress on the software. There are many similar tools but currently, Git is the most popular. Beginners often think Git and GitHub as the same thing. They are very different.<\/p>\n As stated earlier, Git is a version control system. It is a piece of software that you can install on your computer. You can track the changes you made to the project. It is a powerful software for fast and manageable development. You can make repositories of your code and then mark what changes were made. It really helps out when you have been making changes to project over a long period of time. Remember Django migrations tutorial<\/strong><\/em><\/a>. The migrations were acting like a version control system for models. Git is the same but for a whole software.<\/p>\n We need to download Git for your operating system:<\/p>\n Git Download for OS<\/a><\/p>\n Download and Install git as instructions are given on the link above. Once you have installed Git, try executing this command in Terminal\/ PowerShell.<\/p>\n Command:<\/strong><\/p>\n git –version<\/strong><\/em><\/p>\n If this works, then you have successfully installed Git on your machine. It is an amazing utility for project management and version control. You should learn about this tool. It will help you a lot in project collaboration and working with a team.<\/p>\n GitHub is a hosting platform for Git. As you have experienced, Git is a command-line tool and can be difficult for beginners. GitHub provides a graphical UI so it is fairly easy then Git. Although, GitHub is really powerful when you use it alongside Git.<\/p>\n The Github.com provides developers a place to freely host their project code. That can be manipulated by the Git CLI tool. Its integration is what makes this tool awesome and so productive.<\/p>\n Just open Github website<\/a> for making an account. This GitHub account is a developer\u2019s portfolio. So, I advise you to upload your work on the platform. This will help you a lot in getting a job or recommendation.<\/p>\n Okay, so you need to make a GitHub account. Just follow along with the instructions provided by the website. Ok so, now we are prepared to make some changes in the project.<\/p>\n Let\u2019s get started with configuring some settings in Django.<\/p>\n We are going to host our website on pythonanywhere.com. Its really easy and you get to do it for free. The free account does have some limitations. It is more than enough for our Django Project. We will also need to have an account on this platform.<\/p>\n So, visit pythonanywhere.com and make a free account now.<\/p>\n pythonanywhere website<\/a><\/p>\n Click on the signup link and follow along with the instructions.<\/p>\n Click on Create a Beginner account link<\/strong>. Then fill in your name and email. Then we are good to go.<\/p>\n Now we need to make a repository on GitHub. Open github.com and make a new repository.<\/p>\n Use a small and sensible name. Once you have made the repository, start git bash program. You can also execute these commands on the command line or the terminal or PowerShell.<\/p>\n First, move to the directory where the project exists. For example:<\/p>\n The highlighted folder contains manage.py and other apps. You get the idea of the root. Now you need to move to this level from the command line.<\/p>\n Once, you reach this level type in this command:<\/p>\n git init<\/strong><\/em><\/p>\n If you are using git bash then this will be the output. You can run the same command in PowerShell, Windows Command Prompt or Terminal.<\/p>\n This command will initialize an empty git repository. Then you can add code or project in this repository.<\/p>\n Command to add your project in the repository<\/strong>:<\/p>\n git add project_name<\/em><\/strong><\/p>\n This will add the files in the repository. Now we can commit the changes to the repository. We will be using this command to commit the changes made so far. You will be using these commands a lot.<\/p>\n git commit project_name -m \u2018first_commit\u2019<\/strong><\/em><\/p>\n If you see an output like this then we have done a good job so far. git commit is used to commit your changes in code. We have given a message of first_commit in the command. That can be any message you want to associate with your code. That message is displayed on GitHub or when you track your changes. It’s really helpful if these messages are short and accurate.<\/p>\n Now, to add these files to a repository on GitHub.com, type in this command:<\/p>\n git remote add origin repository URL<\/strong><\/em><\/p>\n Now, for repository URL, you can copy the URL of the repository tab (as you can see in the URL bar). Just paste it in place of repository_url. That\u2019s it.<\/p>\n Git Remote URL of Repository<\/p><\/div>\n Git Remote Command<\/p><\/div>\n One, last step we need to perform. We need to push this code to online repository now. For that execute this command:<\/p>\n git push -u origin master<\/em><\/strong><\/p>\n =============================================================== git push -f origin master<\/strong><\/em><\/p>\n ===============================================================<\/p>\n When you execute this command, this popup appears. You need to login for the command to be executed. As these changes will be registered by your name on GitHub.com.<\/p>\n Your push command was successfully executed. Now, you can check the repository online. Our GitHub work is now complete.<\/p>\n Now, we are working with pythonanywhere.com. Open – pythonanywhere website<\/a> and log in to your account. Click on the console’s link. There click on Bash link.<\/p>\n As you can see the highlighted boxes in the above screenshot.<\/p>\n Since its pythonanywhere.com you get Python pre-installed. This is one of the reasons PythonAnywhere is chosen as hosting services.<\/p>\n We will make a virtual environment for our project to run.<\/p>\n Run this command in bash:<\/p>\n Command Display:<\/strong><\/p>\n Now, we will install Django on the server. It’s really easy. Just execute this command.<\/p>\n We have been using that version of Django. It is the latest version currently.<\/p>\n Now, finally, it\u2019s time to load our website on the server. Now you will just need the repository URL for this. Then execute this command in bash.<\/p>\n git clone repository_url<\/strong><\/em><\/p>\n Now, we will migrate all the models. As we have done a lot of time in our project. Just move to the manage.py file and run the commands. The commands are the same for PowerShell and Terminal users.<\/p>\n Want to revise about Django Models? Here is the Django Models Tutorial<\/a><\/strong><\/em><\/p>\n We will now create a superuser. Since we have cloned our project therefore only code was cloned. There is no data entry on the website\u2019s database.<\/p>\n Execute this command to make superuser.<\/p>\n Command Display:<\/strong><\/p>\n You should know, this user has total control of the project. Therefore, make the password strong and use the original email id.<\/p>\n Any queries in the Django web hosting article till now? Share your views in the comment section.<\/em><\/p>\n Now, follow along the pictures and instructions to get everything right.<\/p>\n Click on the web<\/strong> link and then on create a new web app<\/strong> link (as highlighted in the screenshot).<\/p>\n Click next<\/strong>, when a prompt comes. Then select manual configuration<\/strong> option.<\/p>\n Select the python 3.7<\/strong> option.<\/p>\n After clicking next, you will get to this page.<\/p>\n You can click on the link highlighted but you will see a different page. We need to configure the WSGI file to redirect to our web app.<\/p>\n Now scroll down to virtualenv<\/strong> section.<\/p>\n Your virtual environment will be: home\/user_name<\/strong>\/.virtualenvs\/env_name<\/strong><\/p>\n Now, to set up the path to the actual project folder.<\/p>\n Move up to code section and enter the path in the highlighted area.<\/p>\n This path can be easily looked up to in Files<\/strong> link.<\/p>\n From there you get the path.<\/p>\n The path is a bit long, but it should show no errors. Remember that your folder contains manage.py at the inner level.<\/p>\n We need to modify the WSGI file.<\/p>\n Click on the highlighted link to open the file. After the file is opened, erase the whole code and paste this code.<\/p>\n Console Display:<\/strong><\/p>\n Then click on the Save<\/strong> button. Now it will open our website.<\/p>\n We also need to add the pythonanywhere.com host to settings.py file. Otherwise, we may get DisallowedHost<\/strong> page.<\/p>\n Now locate settings.py from files<\/strong> link.<\/p>\n In the ALLOWED_HOSTS list, add URL of a website.<\/p>\n User_name.pythonanywhere.com<\/strong><\/em><\/p>\n In the same file, change DEBUG = False. Also, change your security key. Since the same code is on GitHub. Don\u2019t worry I have changed the key after completing the tutorial.<\/p>\n Well, you can complete the tutorial at this point. There is still one important configuration remaining.<\/p>\n Go to web<\/strong> link. Then click on reload web app<\/strong> button. It is in green color.<\/p>\n We need to set up static files. If we don\u2019t then we won’t have that beautiful CSS and JavaScript on our website.<\/p>\n To enable static files, open the web<\/strong> link again. Then move to Static Files<\/strong> section.<\/p>\n Enter URL<\/strong> here as:<\/p>\n \/static\/admin<\/strong><\/em><\/p>\n Enter path<\/strong> here as:<\/p>\n Home\/user_name<\/strong>\/.virtualenvs\/env_name<\/strong>\/lib\/python3.7\/site-packages\/django\/contrib\/admin\/static\/admin<\/em><\/p>\n User_name<\/strong> is your username on pythonanywhere.com. env_name<\/strong> is the name of the environment.<\/p>\n After you have done these settings, again reload your web app.<\/p>\n\n
![\"server](\"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2019\/08\/server-components.png\")
<\/a><\/p>\n<\/a><\/p>\nGit – Introduction & Setup<\/h3>\n
<\/a><\/p>\n<\/a><\/p>\nWhat is GitHub?<\/h3>\n
<\/a><\/p>\nDjango Web Hosting Process<\/h2>\n
<\/a><\/p>\nSetting up the Production Environment<\/h3>\n
<\/a><\/p>\n<\/a><\/p>\n<\/a><\/p>\n<\/a><\/p>\n<\/a><\/p>\n<\/a><\/a><\/a><\/p>\n
\nNote –<\/strong>
\nIf the command above not works you can use this command:<\/p>\n<\/a><\/p>\n<\/a><\/p>\n<\/a><\/p>\n<\/a><\/p>\nmkvirtualenv --python=python3.7 env_name<\/pre>\n
<\/a><\/p>\npip install django==2.2.1<\/pre>\n
<\/a><\/p>\nUploading the Project on Server<\/h3>\n
<\/a><\/p>\n<\/a><\/p>\nCreating Superuser in Django<\/h3>\n
Python manage.py createsuperuser<\/pre>\n
<\/a><\/p>\nMaking a Django Web Application<\/h3>\n
<\/a><\/p>\n<\/a><\/p>\n<\/a><\/p>\n<\/a><\/p>\n<\/a><\/p>\n<\/a><\/p>\n<\/a><\/p>\n<\/a><\/p>\n<\/a><\/p>\nimport os\r\nimport sys\r\n#DataFlair\r\npath = '\/home\/karansmittal\/DataFlairDjango\/dfdjangotutorial'\r\nif path not in sys.path:\r\n sys.path.append(path)\r\nos.chdir(path)\r\nos.environ['DJANGO_SETTINGS_MODULE'] = 'dfdjangotutorial.settings'\r\n\r\nimport django\r\ndjango.setup()\r\n\r\nfrom django.core.wsgi import get_wsgi_application\r\napplication = get_wsgi_application()<\/pre>\n
<\/a><\/p>\nSecurity Settings<\/h3>\n
<\/a><\/p>\n<\/a><\/p>\n<\/a><\/p>\nSettings for Static Files<\/h3>\n
<\/a><\/p>\n<\/a><\/p>\n<\/a><\/p>\n