opening html from google drive

Question

I have made a page in html5 with css3. It works fine on local (I dont use any server, just doubleclick in the index to open it).
I want to put it in google drive. I have load all the documents needed, but when I try to open the html, I can only see the text (I mean, it is not being executing, I can see just the source code). Any suggestion?

Solution 1

Not available any more, https://support.google.com/drive/answer/2881970?hl=en

Host web pages with Google Drive

Note: This feature will not be available after August 31, 2016.

I highly recommend https://www.heroku.com/ and https://www.netlify.com/

Solution 2

EDIT: As of August 2016 Google Drive can no longer be used to host static web pages, so this solution no longer works.

1. Create a new folder in Drive and share it as "Public on the web."
2. Upload your content files to this folder.
3. Right click on your folder and click on Details.
4. Copy Hosting URL and paste it on your browser.(e.g. https://googledrive.com/host/0B716ywBKT84AcHZfMWgtNk5aeXM)
5. It will launch index.html if it exist in your folder other wise list all files in your folder.

Solution 3

Now you can use https://sites.google.com

Build internal project hubs, team sites, public-facing websites, and more—all without designer, programmer, or IT help. With the new Google Sites, building websites is easy. Just drag content where you need it.

Solution 4

I don't think it is necessary to "host" the content using the way from the accepted answer. It is too complicated for a normal user with limited developing skills.

Google actually has provided hosting feature without using Drive SDK/API, what you need is just few clicks. Check this out:

http://support.google.com/drive/bin/answer.py?hl=en&answer=2881970

It is the same to the answer of user1557669. However, in step 4, the URL is not correct, it is like:

https://drive.google.com/#folders/...

To get the correct host URL. Right click on the html file (you have to finish 1-3 steps first and put the html in the public shared folder), and select "Details" from the context menu. You will find the hosting URL right close to the bottom of the details panel. It should look like:

https://googledrive.com/host/.../abc.html

Then you can share the link to anyone. Happy sharing.

Solution 5

While drive allows you to edit plain text and HTML files I don't believe they allow the HTML to actually be displayed. I don't think they want people hosting websites from their drive space.

View more solutions

Comments

[appas]

It seems like Drive no longer opens index.html, even if that file exists. I only get the file listing page.

[appas]

It seems this does not work as intended (anymore?): it offers a download dialog instead of parsing and displaying the file.

[Christopher Markieta]

@appas It still works, just make sure you modify the URL in step 4 with the folder ID.

[mlerley]

FYI - looks like this feature is being deprecated and will be discontinued in August of 2016. See: googleappsupdates.blogspot.com/2015/08/…

[Aaron Franke]

There is no "Details" button anymore.

[Aaron Franke]

What would you recommend instead for sharing web pages?

[Mahmoud Hboubati]

many of other free hosting (only for dev/test envs), for me netlify.com does the needed

[nealmcb]

google sites isn't bad, and uses a similar account and authentication infrastructure: sites.google.com

[maycca]

I can't publically share the folder anymore. When copying the URL of the index.html file, and opening it in private mode, I still can see only the text document, not the web page

[Mr. Lance E Sloan]

No longer works. Maybe this answer should be deleted.

[Dee]

yes, the site file is saved in gdrive just like html file, except that it is wysiwyg

[KansaiRobot]

how do you share it as public on the web?