{"id":6493,"date":"2021-08-26T16:13:32","date_gmt":"2021-08-26T16:13:32","guid":{"rendered":"https:\/\/chemicloud.com\/kb\/?post_type=ht_kb&p=6493"},"modified":"2022-03-18T09:56:47","modified_gmt":"2022-03-18T09:56:47","slug":"install-wagtail-without-root-access","status":"publish","type":"ht_kb","link":"https:\/\/chemicloud.com\/kb\/article\/install-wagtail-without-root-access\/","title":{"rendered":"How to Install Wagtail on Shared Hosting without Root"},"content":{"rendered":"

If you have never installed Wagtail or Django on shared hosting where you have no root access, it can be somewhat confusing to set up because there are some extra steps you must do before you set up your application.<\/p>\n

\t\t

\r\n \t\t\t \t\t\t \t\t\t\t

\r\n \t\t\t\t\tDid you know that our Python Hosting<\/strong><\/a> supports wagtail out of the box? \ud83d\udc40<\/span> Join the growing club of happy customers who made the switch to better, faster web hosting<\/span>! \t\t\t\t<\/p>\r\n \t\t\t \t\t\t\r\n \t\t<\/div>\r\n \t\t\n

This Knowledge Base article will guide you through the installation of Wagtail.<\/p>\n

If you aren’t familiar with Wagtail, check out it’s official documentation by clicking here<\/a>.<\/p>\n

Let’s begin!<\/p>\n

How to Install Wagtail on Shared Hosting without Root<\/h2>\n

Step 1:<\/strong> Login to your cPanel. There’s a lot of ways to do this, but the sure-fire easiest way is to log in to your Client Area<\/a>, then open your cPanel.<\/p>\n

\"\"<\/p>\n

Step 2:<\/strong> Once your cPanel is open, scroll down to the Software section and open the Setup Python App link.<\/p>\n

\"\"<\/a><\/p>\n

Step 3:<\/strong> Once the Python app opens, click Create Application in the top right corner.<\/p>\n

\"\"<\/a><\/p>\n

Step 4:<\/strong> You will be presented with a blank Application setup screen, much like the one below:<\/p>\n

\"\"<\/a><\/p>\n

    \n
  1. In Python Version, select the version to use in the virtual Python environment. As of this writing, Wagtail requires Python version 3.7.10, so be sure to choose that version.<\/li>\n
  2. In Application Root, enter the name of the folder associated to your domain that will be used to store the files of the web app.<\/li>\n
  3. For application URL, choose the domain or subdomain to use for the application. You can also append a URL location, like \/wagtail, if you wish.<\/li>\n
  4. Leave the Application Startup File and Application Entry Point fields blank. They will be auto-populated.<\/li>\n
  5. In the Passenger log file, enter the name and path to the Phusion Passenger log file. You will be creating this path here, it doesn’t have to already exist.<\/li>\n
  6. There are no environment variables to add.<\/li>\n<\/ol>\n

    Once you’ve filled in the required fields, the screen should look like this:<\/p>\n

    \"\"<\/a><\/p>\n

    Click Create in the top right corner to create the environment.<\/p>\n

    Step 5:\u00a0<\/strong>Your web app will now be listed in the Web Applications list.<\/p>\n

    Next, we need to obtain the line of code to activate the application. To do this, click the pencil icon next to your App:<\/p>\n

    \"\"<\/a><\/p>\n

    The Application “Editor” allows you to perform some key functions for your Python app, so let’s take a look at those real quick so you are aware:<\/p>\n

    \"\"<\/a><\/p>\n

      \n
    1. At the top of the page is the option to destroy this application, cancel, or save any changes you made.<\/li>\n
    2. The Restart and Stop App settings allow you to do as they say – Restart your app or Stop the app.<\/li>\n
    3. The text at the top is the command line code you will use in the coming step to activate and enter the virtual environment for this Python app.<\/li>\n
    4. The main settings allow you to control the following:\n
        \n
      1. Python Version<\/li>\n
      2. Application root directory<\/li>\n
      3. Application URL<\/li>\n
      4. Application startup file<\/li>\n
      5. Application Entry Point<\/li>\n
      6. Passenger Log File<\/li>\n<\/ol>\n<\/li>\n<\/ol>\n

        To proceed to the next step, we need to copy the command at the top of the page to our clipboard.<\/p>\n

        \"\"<\/a><\/p>\n

        To do this, single-click the text. The ‘code’ is written on the page in such a way that a single click anywhere in the command that has a purple background will automatically be copied to your clipboard.<\/p>\n

        Step 6:<\/strong> Now, return to the cPanel Home Screen by clicking the 9 squared-square in the top left corner.<\/p>\n

        \"\"<\/a><\/p>\n

        Once on the home screen of cPanel, scroll down to the Advanced section and click the Terminal app.<\/p>\n

        \"\"<\/a><\/p>\n

        You will see a warning screen like the one below. Click I understand and want to proceed to continue.<\/p>\n

        \"\"<\/a><\/p>\n

        Step 7:\u00a0<\/strong>The terminal will be open and you will be taken to your prompt:<\/p>\n

        \"\"<\/a><\/p>\n

        Using your mouse, right-click in the black space of the terminal and choose paste to paste the command you copied earlier from the Python app:<\/p>\n

        \"\"<\/a><\/p>\n

        Once you’ve pasted in the test, press the enter\/return key on your keyboard to run the command. Your Terminal Prompt should look similar to mine (below) after running the command.<\/p>\n

        \"\"<\/a><\/p>\n

        Note on the new line, before my cPanel username is (wagtail:3.8). This indicates I’m now in the wagtail environment.<\/p>\n

        Step 8:<\/strong> Next you need to change the directory (cd) into the directory where your wagtail directory is located.<\/p>\n

        \"\"<\/a><\/p>\n

        Let’s break down what you see in the image above, as many people aren’t really comfortable with the command line (Terminal):<\/p>\n

          \n
        1. First I used the cd command to change directories into the directory where my wagtail directory is located. This command is cd \/home2\/mycpanelusername<\/li>\n
        2. Following that I used the ls command to list the files\/folders in the directory \/home2\/cchostingdemos. The output of that is what you see in a few different colors and as you can see, the wagtail directory is listed.<\/li>\n
        3. Next, I used the cd command again to change directories into the wagtail directory.<\/li>\n
        4. As you can see in the end, I am now in the wagtail directory.<\/li>\n<\/ol>\n

          Step 9:<\/strong> Now we need to upgrade pip. PIP is the package manager for Python. If you are familiar with apt or yum on Linux, it’s very similar.<\/p>\n

          To do this, type the following command in your Terminal then press return\/enter on your keyboard to execute the command.<\/p>\n

          pip install --upgrade pip<\/pre>\n
          Your Terminal should run a couple of commands, then send you back to prompt. It should look like this, or very very similar:<\/p>\n
          \"\"<\/a><\/p>\n
          As long as you see a message like this:<\/p>\n
          Successfully installed pip-(version number here) and you are sent back to a ready prompt, you’re good to go!<\/p>\n
          Step 10:<\/strong> Next you need to install Wagtail. To do this, run the following command in your Terminal prompt:<\/p>\n
          pip install wagtail<\/pre>\n
          Your prompt should look like this when done:<\/p>\n
          \"\"<\/a><\/p>\n
          Congrats, now you’ve installed Wagtail!<\/p>\n
          Step 11:<\/strong> Next, you need to create a project. To do this, use the following command in your terminal:<\/p>\n
          wagtail start project<\/p>\n
          Except replace the word project with the name of your Wagtail project.<\/p>\n
          Your terminal output should look similar to the output below:<\/p>\n
          \"\"<\/a><\/p>\n
          Perfect, my project called project3, has been created.<\/p>\n
          Step 12:<\/strong> Next, you need to navigate to the project folder and run migrations. To do this, run the following command:<\/p>\n
          cd project3 (replace project3 with the name of your project)<\/pre>\n
          Followed by this command:<\/p>\n
          python manage.py migrate<\/pre>\n
          I won’t paste the entire output here because it’s too long, however, before pressing enter\/return on your keyboard to run the above command, your terminal should look like this:<\/p>\n
          \"\"<\/a><\/p>\n
          When the migration is finished, you will be returned to a blank prompt:<\/p>\n
          \"\"<\/a>Step 13:<\/strong> Next you need to create a superuser to login to the admin of Wagtail.<\/p>\n
          Using the Terminal, run the following command:<\/p>\n
          python manage.py createsuperuser<\/pre>\n
          First, you will need to create a username:<\/p>\n
          (wagtail:3.8)[cchostingdemos@rs2-dal project3]$ python manage.py createsuperuser\r\nUsername (leave blank to use 'cchostingdemos'):<\/pre>\n
          Following this you will need to enter an email address:<\/p>\n
          (wagtail:3.8)[cchostingdemos@rs2-dal project3]$ python manage.py createsuperuser\r\nUsername (leave blank to use 'cchostingdemos'):\r\nEmail address:<\/pre>\n
          And lastly, you’ll need to give this superuser account a secure password.<\/p>\n    \t\t
          \r\n    \t\t\tImportant Information:<\/span>    \t\t\t    \t\t\t\t
          \r\n    \t\t\t\t\tNote, the system does not automatically generate this, so you’ll need to generate one using a third party. You can click here<\/a> to open a website which generates secure, random passwords using entropy.\u00a0    \t\t\t\t<\/p>\r\n    \t\t\t    \t\t\t\r\n    \t\t<\/div>\r\n    \t\t\n
          You will be prompted to re-enter the password a second time to ensure it matches, and after that the superuser will be created. Your terminal will look similar to this:<\/p>\n
          \"\"<\/a>Step 14:<\/strong> Now you need to test that you can access your app. My app was installed at https:\/\/wagtail.cchostingdemos.com, so when I visit that in my browser, I see the following:<\/p>\n
          \"\"<\/a><\/p>\n
          Congrats, that means your app is setup properly. Now we need to configure some other settings.<\/p>\n
          We’ll be using a command line text editor called nano to make these final changes, so pay attention to the steps below very carefully.<\/p>\n
          Step 15:<\/strong> In your terminal, type the following command, then press enter\/return on your keyboard:<\/p>\n
          \"\"<\/a><\/p>\n
          Next, type the following command, then press return:<\/p>\n
          \"\"<\/a><\/p>\n
          Nano will open and it will look like the screenshot below:<\/p>\n
          \"\"<\/a><\/p>\n
          Nano is a command line text editor. You’ll be using your up and down arrow keys to move to the lines we need to access.<\/p>\n
          Use your down arrow key to position your cursor below the line that says:<\/p>\n
          sys.path.insert(0, os.path.dirname(__file__))<\/p>\n
          Your terminal window should look like this once your cursor is positioned properly:<\/p>\n
          \"\"<\/a><\/p>\n
          On the line where your cursors is, enter the following text:<\/p>\n
          sys.path.insert(0, ‘project’)<\/p>\n
          Except replace ‘project’ with the name of your wagtail project.<\/p>\n
          When entered, your command line window should look like this:<\/p>\n
          \"\"<\/a><\/p>\n
          Step 16:<\/strong> Next, you need to move your cursor down 2 lines to the line where def application(environ, start_response): is printed and delete all of the text. You will be deleting the text highlighted in the screenshot below:<\/p>\n
          \"\"<\/a><\/p>\n
          To delete, hold down the Delete key on your keyboard at the start of the line. All of the other lines will collapse into the start of the line and be deleted. It will look like the gif below while the text is being deleted:<\/p>\n
          \"\"<\/a><\/p>\n
          Step 17:<\/strong> Now that you have deleted the extraneous text, you will want to enter the following text:<\/p>\n
          import project.wsgi (where project is the name of your wagtail project)
          \napplication = project.wsgi.application (where project is again, the name of your wagtail project)<\/p>\n
          The text should look like this when entered into the terminal window:<\/p>\n
          \"\"<\/a><\/p>\n
          Now you are ready to exit Nano and save your changes to this file.<\/p>\n
          To exit nano, you need to push Control X on your keyboard. This is the exit command. Your command line window will look like this after pressing that keystroke combination:<\/p>\n
          \"\"<\/a><\/p>\n
          Notice at the bottom, you are being prompted to save your file.<\/p>\n
          Push Y on your keyboard to save.<\/p>\n
          After pressing Y, nano will ask you to enter the name of your file. It will look like this:<\/p>\n
          \"\"<\/a><\/p>\n
          As you are not changing the name of the file, only the contents within the file, press enter\/return on your keyboard to use the existing name.<\/p>\n
          You will be returned to a blank prompt, and if all went well, your command line window will look like this:<\/p>\n
          \"\"<\/a><\/p>\n
          Step 18:<\/strong> And we’re almost done, you just need to return to your cPanel and open the “Setup Python App” section again:<\/p>\n
          \"\"<\/a><\/p>\n
          Once the list of Python apps loads, click the circle-arrow icon to restart your Python app.<\/p>\n
          \"\"<\/a><\/p>\n
          And now you’re done!<\/p>\n
          To admin your app or login, visit https:\/\/yourappname.yourdomain.tld\/admin and login using the SuperUser credentials you created in the earlier steps!<\/p>\n
          Congrats, that’s how to install Wagtail at ChemiCloud!<\/p>\n
          We hope you found this tutorial helpful! Let us know in the comments.<\/p>\n","protected":false},"excerpt":{"rendered":"
          If you have never installed Wagtail or Django on shared hosting where you have no root access, it can be somewhat confusing to set up because there are some extra steps you must do before you set up your application. This Knowledge Base article will guide you through the installation…<\/p>\n","protected":false},"author":10,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","format":"standard","meta":{"_crdt_document":"","footnotes":""},"ht-kb-category":[34],"ht-kb-tag":[],"class_list":["post-6493","ht_kb","type-ht_kb","status-publish","format-standard","hentry","ht_kb_category-troubleshooting"],"_links":{"self":[{"href":"https:\/\/chemicloud.com\/kb\/wp-json\/wp\/v2\/ht-kb\/6493","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/chemicloud.com\/kb\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/chemicloud.com\/kb\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/chemicloud.com\/kb\/wp-json\/wp\/v2\/users\/10"}],"replies":[{"embeddable":true,"href":"https:\/\/chemicloud.com\/kb\/wp-json\/wp\/v2\/comments?post=6493"}],"version-history":[{"count":11,"href":"https:\/\/chemicloud.com\/kb\/wp-json\/wp\/v2\/ht-kb\/6493\/revisions"}],"predecessor-version":[{"id":7159,"href":"https:\/\/chemicloud.com\/kb\/wp-json\/wp\/v2\/ht-kb\/6493\/revisions\/7159"}],"wp:attachment":[{"href":"https:\/\/chemicloud.com\/kb\/wp-json\/wp\/v2\/media?parent=6493"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/chemicloud.com\/kb\/wp-json\/wp\/v2\/ht-kb-category?post=6493"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/chemicloud.com\/kb\/wp-json\/wp\/v2\/ht-kb-tag?post=6493"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}