How to Host your Webpages on Google Drive - Blogs
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

Implementing Google account authentication in ASP.NET MVC

Implementation of Google OAuth in MVC application: Step 1: Create a Google OAuth application &n...

Read More >

LDAP Integration with Jenkins

In this document, we are going to see the integration process of LDAP and Jenkins. The default insta...

Read More >

Material Design in Android – Working with Toolbar

Introduction to Material DesignMaterial Design is a comprehensive guide for visual, motion and inter...

Read More >

Work load-balancing using master and slave configuration in Jenkins

This blog carries out the process of the master and slave concepts in jenkins via creating new nodes...

Read More >

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

This part (as I said in my previous blog), will contain some more new tools and features focusing on...

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 >

Create Restful service using Web API

What is Asp.Net Web API?Asp.Net Web API is a framework for building HTTP services that can be consum...

Read More >

GitHub Codespaces Features and Capabilities

Codespaces are a safe, configurable, and dedicated development environment that has all of the capab...

Read More >

Avoid These 14 Subject Line To Get A Prospect

A blog which highlights on email subject line that most people after reading gives up from opening t...

Read More >

OUT OF BAND Feature

What is the Out of Band??Think about the situation – your one of the user who is thousand mile...

Read More >

Share

Try DevOpSmartBoard Ultimate complete Azure DevOps End-to end reporting tool

Sign Up

  • Recent
  • Popular
  • Tag
Tags
Monthly Archive
Subscribe
Name

Text/HTML
Contact Us
  • *
  • *