Drupal/C4/Hosting-a-Drupal-website/English-timed

From Script | Spoken-Tutorial
Revision as of 11:50, 14 June 2017 by PoojaMoolya (Talk | contribs)

(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to: navigation, search
Time
Narration
00:01 Welcome to the spoken tutorial on Hosting a Drupal website.
00:06 In this tutorial, we will learn to- Get our code and database ready for our website
00:13 Host our Drupal website and Upload our local content on this website
00:20 To record this tutorial, I am using Ubuntu Linux 16.04 and Firefox web browser
00:28 You can use any browser of your choice.
00:32 To practise this tutorial, you will need A working Internet connection
00:37 A web hosting control panel such as cPanel and A domain name
00:43 You should also have basic knowledge of Drupal.
00:47 If not, for relevant Drupal tutorials, please visit the link shown.
00:53 First let us learn about Drupal web hosting services.
00:57 There are many web hosting services available such as Godaddy, Bigrock and HostCats.
01:06 These service providers are cPanel based with an auto installer script.
01:12 One has to pay to buy some space from these providers.
01:17 To host a website, you will need the code and database of your local Drupal website.
01:24 Let’s open our local Drupal website which we are going to host.
01:29 We will clear the cache first. To do that, click on the Configuration menu.
01:35 Under Development, click on the Performance option.
01:40 Here, remove the checkmarks from Aggregate CSS files and Aggregate JavaScript files options.
01:48 Click on the Save configuration button.
01:52 Now click on the Clear all caches button. You can see that the caches are cleared.
02:00 Now we will keep our code ready. To do that, open the File browser.
02:06 Go to the folder where we have installed Drupal locally.
02:11 Now go to apps -> drupal -> htdocs folder.
02:16 Inside this htdocs folder, we have the code of our local website. Let us compress or zip this folder.
02:25 I will save this in the Downloads folder on my machine.
02:30 Now our code is ready.
02:32 Next we will get our database ready. Let us open the phpMyAdmin of our local website.
02:41 Click on the database named bitnami_drupal8.
02:46 Click on Export button in the top panel.
02:50 Then choose the Export method as Custom.
02:54 Under the section Object creation options, put a checkmark on Add DROP TABLE option.
03:01 Scroll down and click on Go button at the bottom.
03:06 Click on OK button to save the file.
03:09 Open the default Downloads folder and see the exported sql file and the htdocs zip file.
03:18 Next let us learn to set up a cPanel. To do this, click on the Set Up button.
03:25 Here we have to choose our domain name. I have already bought a domain named codingfordrupal.info.
03:33 You have to use your own domain name here.
03:37 Details of how to purchase a domain are given in the “Additional Material” link of this tutorial.
03:43 Click on Next button.
03:46 Here we have to choose a data center. I will click on Asia and click on Next button.
03:53 In cPanel username, we have to give our username.
03:58 For the password, I will simply click on the Generate a password button.
04:03 You can type any username and password as per your choice.
04:07 Note down the login details for future use.
04:11 Then click on the Next button.
04:14 After this, it asks us whether we want wordpress to build our website.
04:20 We are going to host a Drupal website.
04:23 So click on No, not now button, then click on the Finish button.
04:28 It could take several minutes to complete the setup.
04:32 Once the setup is done, we will see a window like this.

Here, click on the Manage button.

04:40 Our cPanel main window has opened now. We can see our Website Name, IP Address, etc.
04:48 Please have a look at this page and explore the options thoroughly.
04:53 Next we have to create a database in the cPanel.
04:57 Open the File browser and go to the folder where we have installed Bitnami Drupal Stack.
05:04 Now go to apps -> drupal -> htdocs -> sites -> default -> settings.php
05:13 The settings.php file will be open in an editor.
05:18 Scroll down to the end of the file. Here you can see the database details.
05:24 You have to use these details to create a database in the cPanel.
05:30 Switch to cPanel main window.
05:33 Under Databases, click on MySQL Database Wizard.
05:37 Now copy the database name from settings.php file.
05:42 And paste it as the database name in the MySQL Database Wizard.
05:47 Click on Next Step button.
05:50 Copy and paste the username and password.
05:55 Click on Create User button.
05:57 Put a checkmark on the ALL PRIVILEGES option.
06:01 Click on Next Step button.
06:04 Click on Return to MySQL Databases.
06:08 Here we can see the database and the user which we created.
06:13 Next let us learn to install Drupal in the cPanel. Click on the Home button in the top panel.
06:21 Under Web Applications, click on Drupal.
06:24 On the right side, click on install this application button.
06:29 Under Location, you can see the domain name.
06:33 Under Version, choose the version which you have installed in your local machine.

I will choose 8.2.6.

06:41 Under Settings, we have to give our preferred username and password for the administrator.
06:48 Note down the login details for future use.
06:52 In the Advanced section, we can set up the database, email and backup.
06:58 I will choose Let me manage these settings.
07:02 In Database Management, choose Let me choose an existing database.
07:07 In the Database Name, choose the database which we created earlier.
07:12 In the Database Username and Password, give the details from the settings.php file.
07:19 In Table Prefix, keep the field empty.
07:23 Now click on Install button.
07:26 Once the installation is done, we can see our website name here. Click on it.
07:33 Our website is successfully hosted.
07:36 But we have to update it with our local content. So let us learn to upload our local content on this website.
07:45 Switch to the cPanel main window and click on the Home button in the top panel.
07:51 We will open the File Manager of the cPanel.
07:55 Make sure that the Web Root option is selected. Click on the Go button.
08:01 Now we are in the public_html folder. Click on the Upload button in the top panel.
08:09 Click on the Browse button and select the htdocs.zip file from the Downloads folder.

The file is now uploaded successfully.

08:19 If you have a file that is bigger in size, please use Filezilla or any SSH client for uploading.
08:27 Now close this window.
08:29 In the File Manager window, go to htdocs.zip file and click on it.
08:36 Now to extract this file, click on the Extract button in the top panel.
08:41 In the popup window that appears, click on Extract File button.
08:47 Once the file is extracted, double-click on the htdocs folder.
08:52 Now go to the Sites folder.
08:55 Here we will change the permission of the default folder.
08:59 To do that, click on the Permissions column and change it to 755.

This will give write permission to the user.

09:08 Then go to the default folder and change the permissions of the settings.php file.
09:16 Once again, click on the Permissions column and change it to 600.
09:22 This will give write permission to user so that we can edit the settings.php file.
09:29 To open the settings.php file, click on the Code Editor button in the top panel.
09:35 Click on the Edit button.
09:37 Scroll down to the end of the file. Here we can see the database details.
09:43 Remove the unix_socket line.
09:46 Now click on the Save Changes button in the top panel.
09:50 Click on the Up One Level button in the top panel.
09:54 Once again, click on the Up One Level button. Now we have to move this content to the public_html folder.
10:04 To select the files and folders, click on the Select All button.
10:09 Click on the Move button in the top panel.
10:12 In the file path, remove htdocs.
10:16 Click on the Move Files button.
10:18 In the side panel, click on the folder public_html.
10:24 Now the folder public_html has been replaced with the code of our local website.
10:32 Next we have to import our local database to our live website. To do that, switch to the cPanel main window.
10:41 Under Databases, click on phpMyAdmin.
10:45 In the side panel, click on the database which we created earlier.
10:50 Click on the Import button in the top panel.
10:54 Then click on the Browse button.
10:56 Now choose the sql file which we exported from our local Drupal.
11:02 Lastly, click on the Go button. You can see that the sql file has been imported successfully.
11:10 Now open a new tab in the browser and type your domain name in the address bar.

Our Drupal website is hosted successfully.

11:20 With this, we come to the end of this tutorial.
11:24 Let us summarize. In this tutorial, we have learnt to-

Get our code and database ready for our website, Host our Drupal website and Upload our local content on this website

11:38 The video at the following link summarises the Spoken Tutorial project. Please download and watch it.
11:46 The Spoken Tutorial Project Team conducts workshops and gives certificates to those who pass online tests. For more details, please write to us.
11:57 Spoken Tutorial Project is funded by NMEICT, Ministry of Human Resource Development and

NVLI, Ministry of Culture, Government of India.

12:09 This is Priya from IIT Bombay. Thanks for joining.

Contributors and Content Editors

PoojaMoolya