{"id":1030,"date":"2019-08-10T18:41:26","date_gmt":"2019-08-10T18:41:26","guid":{"rendered":"http:\/\/dev.local\/?page_id=1030"},"modified":"2020-05-07T17:46:11","modified_gmt":"2020-05-07T17:46:11","slug":"apache-virtual-host-index-html","status":"publish","type":"page","link":"https:\/\/lamp.ciscoar.com\/?page_id=1030","title":{"rendered":"Apache Virtual Host index.html"},"content":{"rendered":"\n\n\n

The HTML code of a simple webpage <\/h2>\n\n\n\n

In order to be able to test our Apache’s Virtual Host, we’re going to need a simple web page, the simplest one, see the following screenshot:<\/p>\n\n\n\n

\"\"<\/a><\/figure><\/div>\n\n\n\n

A simple webpage as seen by visitors<\/h2>\n\n\n\n

Once all the configuration is done the html code will be recognized and the browser will show the following web page.<\/p>\n\n\n\n

\"\"<\/a><\/figure><\/div>\n\n\n\n

Just in case, if you need the “index.html<\/strong>” file, you can download it from here<\/a>.<\/p>\n\n\n\n

Copy the HTML code<\/h2>\n\n\n\n

If you want to copy the HTML code and create the file using a text editor, let’s say “vi<\/a>“, then here you are the code.<\/p>\n\n\n\n

<!DOCTYPE html>\n<html lang=\"en\">\n  <head>\n    <meta charset=\"utf-8\">\n    <title>Welcome to My site<\/title>\n  <\/head>\n  <body>\n    <h1>Success! My site home page!<\/h1>\n  <\/body>\n<\/html><\/code><\/pre>\n\n\n\n
Create index.html using the Tee command<\/h2>\n\n\n\n
From the CLI you can save time and effort when creating the “index.html” file, you don’t have to open a text editor, paste the code, and save it to then be ready to upload it to the root folder of your website, using the Tee command we’re going to do all these tasks in only one simple step, just copy the following command and paste into the terminal.<\/p>\n\n\n\n
tee \/var\/www\/subdomain.example.com\/public_html\/index.html<<EOF\n<!DOCTYPE html>\n<html lang=\"en\">\n  <head>\n    <meta charset=\"utf-8\">\n    <title>Welcome to My site<\/title>\n  <\/head>\n  <body>\n    <h1>Success! My site home page!<\/h1>\n  <\/body>\n<\/html> \nEOF<\/code><\/pre>\n\n\n\n
<\/div>\n\n\n\n
\"\"<\/a>
Tee command in action<\/figcaption><\/figure><\/div>\n\n\n\n
\"\"<\/a>
index.html file was successfully created<\/figcaption><\/figure><\/div>\n\n\n\n
The index.html<\/strong> file is just an example, a test file, once Apache recognizes it you can be absolutely sure that you are ready to start building your website either from the scratch using programming languages like HTML, JavaScript, CSS, PHP, etc. or taking advantage of one of the multiple CMS (Content Management Systems) available these days, a good example of one of them, and by the way the most commonly used would be “WordPress<\/a>“.<\/p>\n\n\n\n
Ownership and permissions<\/h2>\n\n\n\n
Now that we have the directories and also the “index.html” file in place, we can take care of the Ownership and Permissions, as you can imagine both, files and folders, have to be prepared for Apache to be able to read them and show them to visitors.<\/p>\n\n\n\n
We can accomplish that task either using the CLI or using WinSCP, let’s see how it is done using the GUI provided by WinSCP.<\/p>\n\n\n\n
\"\"<\/a><\/figure><\/div>\n\n\n\n
Both Owner and Group must be changed to “Apache”, see screenshot below:<\/p>\n\n\n\n
\"\"<\/a><\/figure><\/div>\n\n\n\n
Be sure to put the check in the checkbox located at the bottom, where it says that owner and permissions will be set recursively<\/strong>, that means that not only the current folder will be configured but also sub-folders and files inside them, all at once.<\/p>\n\n\n\n
When it comes to “Permissions<\/strong>” as you can see in the above screenshot only “the owner”, in this particular case, “only Apache” will be able to Read, Write, and Execute the files, while both the group and others, they will be able to Read and Execute but not to Write (modify) the files, this configuration is represented by the Octal 0755<\/strong>.<\/p>\n\n\n\n
 Apache isn’t in the drop down list <\/h2>\n\n\n\n
If you are configuring the Ownership via WinSCP for the first time you won’t see Apache in the drop down list, in this case you must change it via the CLI using the following command.<\/p>\n\n\n\n
chown -R apache:apache \/var\/www\/*<\/code><\/pre>\n\n\n\n
Apache Config Test<\/h2>\n\n\n\n
Let’s see if the changes we’ve made so far have been recognized by our Apache and if so we’d like to know that everything is fine, and for that purpose we can use the following CLI command.<\/p>\n\n\n\n