How to host Websites on Google Drive

Google added a nice and unique feature to Google Drive that is useful for Web Developers. It now allows you to host HTML pages along with JavaScript and CSS files. It is possible before to host these files, but now with “Public on the web” setting these files render as HTML pages.

Google Drive

Google Drive

What this means for you is if you want to host a simple website to show it to someone you can do that, but it is not going to replace your hosting provider. It is good for developers to show their progress to clients by hosting it on Google Drive. You will put your work on the web but people with a valid URL will only be able to access it.

How it works:

  1. Create a new folder in Drive and share it as “Public on the web.”
  2. Upload your HTML, JS & CSS files to this folder.
  3. Open the HTML file & you will see “Preview” button in the toolbar.
  4. Share the URL that looks like… from the preview window and anyone can view your web page.

Google gave an example of this feature by hosting how to information on Google Drive, see this page to see how it works.

The process is quite simple and works well, but there are some limitations on what you can do. The service is very basic, it only supports html, js and CSS files, it won’t support dynamic sites built on php or asp etc.

Via Google+