web-dev-qa-db-fra.com

ouvrir du HTML à partir de Google Drive

J'ai fait une page en HTML5 avec CSS3. Cela fonctionne très bien en local (je n’utilise aucun serveur, il suffit de double-cliquer sur l’index pour l’ouvrir).
Je veux le mettre dans google drive. J'ai chargé tous les documents nécessaires, mais lorsque j'essaie d'ouvrir le code HTML, je ne peux voir que le texte (je veux dire, il n'est pas en cours d'exécution, je peux voir uniquement le code source) . Une suggestion?

htmlgoogle-drive-sdk
32
Ane Hervías Caballero

Plus disponible, https://support.google.com/drive/answer/2881970?hl=fr

Héberger des pages Web avec Google Drive

Remarque: cette fonctionnalité ne sera plus disponible après le 31 août 2016.

30
Mahmoud Hboubati
  1. Créez un nouveau dossier dans Drive et partagez-le en tant que "Public sur le Web".
  2. Téléchargez vos fichiers de contenu dans ce dossier.
  3. Faites un clic droit sur votre dossier et cliquez sur Détails.
  4. Copiez l'URL d'hébergement et collez-le dans votre navigateur. (Exemple: https://googledrive.com/Host/0B716ywBKT84AcHZfMWgtNk5aeXM ).
  5. Il lancera index.html s’il existe dans votre dossier une autre liste de tous les fichiers de votre dossier. 
14
Dev

Je ne pense pas qu'il soit nécessaire "d'héberger" le contenu en utilisant le chemin de la réponse acceptée. C'est trop compliqué pour un utilisateur normal avec des compétences de développement limitées.

En fait, Google a fourni une fonctionnalité d'hébergement sans utiliser Drive SDK/API, il ne vous faut que quelques clics. Regarde ça:

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

Il en va de même pour la réponse de user1557669. Cependant, à l'étape 4, l'URL n'est pas correcte, c'est comme:

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

Pour obtenir l'URL de l'hôte correcte. Faites un clic droit sur le fichier html (vous devez d'abord effectuer 1 à 3 étapes et placer le fichier html dans le dossier public partagé), puis sélectionner "Détails" dans le menu contextuel. Vous trouverez l'URL d'hébergement tout en bas du panneau de détails. Cela devrait ressembler à:

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

Ensuite, vous pouvez partager le lien avec n'importe qui. Bon partage.

3
bigbearzhu

Un grand nombre des solutions proposées ici ne semblent plus fonctionner. Je suis actuellement sur un chromebook et je voulais afficher une bannière HTML5. Cela semble impossible maintenant via Google Drive ou d'autres applications (comme mentionné dans les commentaires précédents). 

La méthode que j'ai finalement utilisée pour afficher le HTML5 était la suivante: 

  1. Ouvrez Google Adwords (créez un compte gratuit si vous n'en avez pas)
  2. Cliquez sur Annonces dans le panneau du haut.
  3. Cliquez sur "+ AD" et choisissez une annonce illustrée.
  4. Choisissez "télécharger une annonce"
  5. Glissez et déposez votre fichier Zip dans la zone
  6. Cliquez sur Aperçu
  7. Voilà, vous verrez vos bannières HTML5 dans toute leur beauté

Il y a peut-être un moyen plus facile, mais ce moyen est également très bon J'espère que cela aide et a bien fonctionné pour moi.

0
Chris Grundy
  1. Créez un nouveau dossier dans Drive et partagez-le en tant que "Public sur le Web".
  2. Téléchargez vos fichiers HTML, JS et CSS dans ce dossier.
  3. Ouvrez le fichier HTML et vous verrez le bouton "Aperçu" dans la barre d’outils.
  4. Partagez l'URL qui ressemble à www.googledrive.com/Host/... à partir de la fenêtre d'aperçu et tout le monde peut voir votre page Web.
0
user1557669

Bien que drive vous permette d'éditer du texte brut et des fichiers HTML, je ne crois pas qu'ils permettent l'affichage du HTML. Je ne pense pas qu'ils veulent que les gens hébergent des sites Web depuis leur espace disque.

0
RADXack

Pas:

  1. Téléchargez le fichier html sur le lecteur google et partagez-le en tant que "public sur le Web" après le téléchargement, assurez-vous simplement que le contenu de votre code html n'est pas modifié sur le lecteur.
  2. Cliquez avec le bouton droit sur le fichier partagé, cliquez sur "Obtenir le lien" et enregistrez-le dans le bloc-notes. Il ressemblera à " https://drive.google.com/open?id=0B55nkHvMDw18T3VaYjY3NEE4SEE '
  3. Prenez le code (environ 28 caractères alphanumériques) après le signe '=' à partir du lien ci-dessus et collez-le après ' https://googledrive.com/Host/ ' now ' https://googledrive.com/ Hôte/0B55nkHvMDw18T3VaYjY3NEE4SEE 'est votre lien URL partageable, ouvrez le fichier HTML à partir de la barre d'adresse du navigateur à l'aide de cette adresse.
0
Jlearner