X
06May

How to Host your Webpages on Google Drive

If you want to host your webpages quickly but don't have any web sever to host, then google drive is a greate alternative. You can use Google Drive to host your basic websites or even complex javascript based web app like angularJs, backbone, etc. You may publish any kind of static contents on your website including HTML pages, images, CSS, icons, audio and video files.

Steps to be followed:

  1. Create a folder in google drive.
    Google Drive web hosting
    Google Drive web hosting

  2. Share the folder permission to “public on the web”.
    Google Drive web hosting
    Google Drive web hosting
    Google Drive web hosting

  3. Before uploading any files into the folder please make sure “convert uploaded files to google doc format” is not selected in settings. To check the settings please click settings icon and click Upload settings and uncheck convert uploaded files to google doc format.
    Google Drive web hosting

  4. Now you can drag and drop html, javascript, css and image files into the folder inside Google Drive.
    Google Drive web hosting

  5. Once the file has uploaded, now select index.html file and right click and select open with Google Drive viewer or Open the index.html file and click Open in the bottom-right corner.
    Google Drive web hosting

  6. Now click Preview button that will generate the public URL of your website.
    Google Drive web hosting

  7. Your share url looks like this https://googledrive.com/host/0BwWdsHPTPMs5N01PcldYRWZNM2s/index.html#
    Google Drive web hosting

 

Tips: Google Drives serves your website over HTTPS and thus can be be used for Facebook apps hosting, since Facebook requires that custom pages are only served over secure HTTP.

 

 

Note : You can't use Google Drive for dynamic web pages generated by PHP scripts and etc.

 

 

Thanks to Jayavanath Hosatti

 

 

Related

Go for Gold. One More Gold for Canarys!

Canarys participated in the Go for Gold campaign conducted by Microsoft and have now achieved yet an...

Read More >

Starting with CSS Preprocessor

In this article we learn about, 1.What is CSS Preprocessor? 2.Installations 3.How to ...

Read More >

Microsoft Azure : The cloud for modern business

 Why Azure? Microsoft Azure: Cloud Computing Platform and Services Move faster Save Money ...

Read More >

LDAP Integration with SonarQube

If you want to access the SonarQube server with LDAP credentials (i.e. with Active Directory Credent...

Read More >

Automating .NET builds using CCNET and TFS

CruiseControl.NET (CCNET) is an open source tool used for continuous builds on server, where testing...

Read More >

Software Development Solutions

At our experienced and highly qualified developers and QA Engineers follow stringent quality standar...

Read More >

What’s new: Extension for Microsoft Dynamics NAV 2016

We all have seen the situation where we need to put in lot of efforts to modify the standard NAV obj...

Read More >

Assertions in Coded UI

Let us discuss how to add assertions in coded UI. Assertions are checkpoints/benchmarks to UI c...

Read More >

Microsoft Azure : Running Linux Virtual Machine

Creating an Azure VM that runs Linux is easy to do. We will use ssh public key file to secure our&nb...

Read More >

Share

Comments

Thanks for posting this information about Google's hosting. This is considerably something new and many people can get benefit from it.
10/19/2020 7:35:50 PM | Reply
Tom
Can you please verify your own instructions? Many people are commenting that your instructions do not work?I could not get your instructions to work either.Looking forward to an update!Thank you!
7/27/2020 10:13:52 AM | Reply
Aj

@Tom: Beginning August 31, 2015, web hosting in Google Drive for users and developers will be deprecated. Google Apps customers can continue to use this feature for a period of one year until August 31, 2016, when serving content via googledrive.com/host/doc id will be discontinued.Aug 31, 2015

9/20/2020 6:06:23 PM | Reply
I enjoyed your post a lot! I as if exactly how a writer clarified the tips.I think that is actually just as good as the blog post of these men http://www.rtjournal.org/should-i-go-to-grad-school/. Say thanks to a person a lot through this post, I will definitely await your succeeding magazines.
7/19/2020 5:39:24 PM | Reply
The option for "Open with Google Drive Viewer" is not showing. What could be the possible reason? Or is a there an alternate?
6/13/2020 2:51:04 AM | Reply
Aj

@YUman: Beginning August 31, 2015, web hosting in Google Drive for users and developers will be deprecated. Google Apps customers can continue to use this feature for a period of one year until August 31, 2016, when serving content via googledrive.com/host/doc id will be discontinued.Aug 31, 2015

9/20/2020 6:08:02 PM | Reply
Aj

@Tanaya: Beginning August 31, 2015, web hosting in Google Drive for users and developers will be deprecated. Google Apps customers can continue to use this feature for a period of one year until August 31, 2016, when serving content via googledrive.com/host/doc id will be discontinued.Aug 31, 2015

9/20/2020 6:07:21 PM | Reply

@Tanaya: I got the same. There is no googledrive viewer.

9/11/2020 10:03:43 AM | Reply
I want to try this idea.Thanks for sharing
5/25/2020 7:22:13 PM | Reply
This doesn't work. In fact google prevents the delivery of files as claimed. And there is no longer a "google drive viewer" which was the exploit they blocked.
5/7/2020 10:06:49 PM | Reply
Thanks for sharing your post with an easy method. Without your tutorials, it will be a great problem for me to do that.
5/7/2020 7:41:31 AM | Reply
hey, your content was great and also the easy method it's very useful for us but one thing you don't give space between pic its soo confuse otherwise everything was great... THANKS
2/2/2020 4:49:49 AM | Reply
Rob
All fine until step (5) --- I can't find anyway to, I quote, "select open with Google Drive viewer or Open the index.html"everything I do result in the raw html being converted to a google-doc.
1/10/2020 6:20:55 PM | Reply
The only problem I see is that at the footer, it shows "Published by Google Drive–Report Abuse–Updated automatically every 5 minutes"Is there a way to get ride of it?
12/19/2019 3:47:06 AM | Reply
Not sure what version of Chrome you're using because in Version 78.0.3904.70 (Official Build) (64-bit), there is no Preview button. Too bad, because I really need to get a Web page out of this!
11/4/2019 3:24:44 PM | Reply

@Robert: The preview button is no more three. Use DrivetoWeb instead. It might help.

1/9/2020 10:39:04 PM | Reply
good content
10/26/2019 8:02:09 PM | Reply

Post a Comment

  • Recent
  • Popular
  • Tag
Tags
Monthly Archive
Subscribe
Name

Text/HTML
Text/HTML
Contact Us
  • *
  • *