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

New Tools in NAV 2013 (the less talked about ones) - Part 1

For some time now, I have been thinking about compiling on a list of new features and subtle tools i...

Read More >

Phenomenal growth of Microsoft Dynamics NAV

There has been phenomenal growth in terms of organizations adopting Microsoft Dynamics NAV in the la...

Read More >

HTML Parser

Are you looking for any HTML Parser?Want to traverse through HTML DOM elements?Want to read properti...

Read More >

Microsoft Azure : Mobile Services - Xamarian.Android with .Net

NOTE: Microsoft Azure recommends Azure App Service Mobile Apps for all new mobile backend deployment...

Read More >

Why customer should choose Azure DevOps

Azure DevOps is rebranding of Microsoft’s Visual Studio Team Services (VSTS), which is the onl...

Read More >

Conducting interviews effectively.

   Interviewing candidates for an open position in my company has never been an easy ...

Read More >

Blog User Information

To ensure that your blogging experience is painless, we have put together a document detailing the p...

Read More >

VSTS on Mobile

Thank you for the overwhelming response for our first release of VSTS on mobile app. More than thous...

Read More >

Microsoft Azure : Running JAVA Web Application using template

We will create Java web app in Azure App Service by using the Azure portal. The Azure...

Read More >

It is Raining Gold. Time for the Celebrations.

Canarys has now achieved another Microsoft Gold Competency in “Collaboration and Content&rdquo...

Read More >

Share

Comments

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
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
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

Contact Us
  • *
  • *