Archives mensuelles : avril 2014

La création de pages web dynamiques seulement avec Google Drive

< Avertissement >
Je vous recommande d’obtenir compte Google supplémentaire uniquement pour public. Parce que si vous suivez ma procédure, votre adresse Gmail sera sur fichier XML public.

< Nouvelle solution sur 07/07/2014 >
J’ai écrit le message Obtenez nouvelle version de Google Feuilles de calcul comme JSONP. Si vous souhaitez utiliser la nouvelle version de Google Feuilles de calcul pour générer des pages web dynamiques à la place de l’ancienne version, s’il vous plaît lire ce poste.

< Mis à jour le 26.04.2014 >
S’il vous plaît utiliser Anyfile Notepad ou d’autres applications d’édition de texte pour Google Drive sur Google Web Store au lieu de Drive Notepad. Parce que Drive Notepad a été retiré du magasin.

< Mis à jour le 12.05.2014 >
Hey! Drive Notepad est de retour à Google Web Store!

< Recommandation >
Je vous recommande d’installer «Drive Notepad». Il s’agit d’une extension pour Google Drive. Lorsque vous installez Drive Notepad, vous devez Chrome. Mais après la connexion Drive Notepad Google Drive, Chrome n’est pas nécessaire. Vous pouvez utiliser Drive Notepad sur tous les navigateurs.
https://chrome.google.com/webstore/detail/drive-notepad/gpgjomejfimnbmobcocilppikhncegaj?hl=en-GB
drive_notepad_en_us

< Pour mettre à jour le contenu de la Feuille de calcul >
Vous devez utiliser «la version de Google Feuille de calcul 1». Parce que «la version 2» ne prend pas en charge CSV et partage encore XML. (J’ai écrit ce poste chez 19 Avril 2014.) Si vous générez normalement nouvelle feuille de calcul aujourd’hui, c’est être automatiquement la version 2.

Google a expliqué nouvelle feuille de calcul sur «Découvrir la nouvelle version de Google Feuilles de calcul».

Je m’inquiétais CSV et le partage de XML ne vais pas soutenir dans la version 2. Alors j’ai vérifié aussi «Fonctions non compatibles avec la nouvelle version de Google Feuilles de calcul». Mais cette fonction n’est pas listé sur cette page. Ouais … ne figure pas … mais personne n’est sûr quand Google change leur esprit ….
Pouvez-vous accepter cette situation? LOL

Voyons accès https://g.co/oldsheets pour générer une feuille de calcul dans la version 1.

C’est mon échantillon.

C’est une seule feuille. Il a en-tête, 3 cols et 2 lignes.
( Je vais générer imgur du site web images. )

< Faisons public >
Suivez la photo ci-dessous.
publish_to_the_web_fr

Sélectionnez «Publier sur le Web» et appuyez sur «Démarrer la publication».
Section «Insérer un lien vers les données publiées» Voir.
publish_to_the_web_2_fr
Vous pouvez obtenir votre feuille de calcul en tant que page Web, HTML, CSV, TXT, PDF, ATOM, RSS, XLS et ODS. Si vous souhaitez synchroniser tableur pour votre site Web, vous devez choisir CSV, ATOM ou RSS. Ce sont au format facile pour la synchronisation. Lorsque vous choisissez l’un d’eux, vous pouvez trouver la fonction pour sélectionner la colonne et de la ligne. Cette fonction peut faire la taille de fichier par demande plus faible.

Si vous choisissez CSV, avant de choisir la gamme, s’il vous plaît sélectionner une feuille cible. Échantillon est comme la photo ci-dessous.
select_sheet_fr
Dans mon exemple, «A1» est-tête. Je veux obtenir 5 lignes maximum. J’ai donc mis la gamme «A2:A6».
select_cell_fr
Vous pouvez trouver «range=A2%3AA6» dans l’url. Si vous voulez ajouter la fonction de recherche de personnes à votre site Web, vous devriez changer dynamiquement le paramètre de «range» par Javascript.

< Est-il difficile? >
Ne vous inquiétez pas. J’ai écrit le code Javascript ici.
https://github.com/mecrazy/generateGoogleDriveUri
Ce script est compatible avec les formats CSV, ATOM et RSS. C’est seulement générateur URI. Il n’a pas l’analyseur. Si vous choisissez ATOM ou RSS, vous pouvez utiliser jQuery comme un analyseur.

S’il vous plaît utiliser «generateGoogleDriveUri.min.js» comme ci-dessous.

<!DOCTYPE html>
<html>
<head>
<title>Exemple de page</title>
<script src="js/generateGoogleDriveUri.min.js"></script>
<script type="text/javascript">
window.onload = function(){

//Objet coulée
var gduObj = new genGDU('Mettez un lien vers les données publiées ici');

//Générer URI
var atomUri = gduObj.genUri(
  'atom', // Je choisis le format ATOM.
  {
    startRow:2, //Lancer de la ligne 2
    startCol:1, //Lancer de col 1
    cols:1, //Couper 1 colonnes
    rows:5, //Couper 5 lignes par page
    page:1 //Obtenez page 1
  }
);

var html = '<a href="' + atomUri + '" target="_blank">' + atomUri + '</a>';
document.getElementById('sample').innerHTML = html;

}
</script>
</head>
<body id="sample"></body>
</html>

< Ajouter index.html et réglage Drive Notepad >
Après avoir ajouté lecteur Bloc-notes sur Chrome, vous pouvez trouver «Text Document» sur créer le menu de votre Google Drive.
add_index_fr
Si c’est votre première fois d’utiliser Drive Notepad, il vous sera demandé comme ci-dessous.
permission_01_en_us
Poussez «Login and/or grant app permissions…» et accepter la question ci-dessous.
permission_02_fr

S’il vous plaît changer le nom du fichier à «index.html». Après avoir enregistré le fichier, fermer l’onglet.
change_file_name_en_us

S’il vous plaît changer le réglage sur «Gérer les applications».
manage_apps_fr
S’il vous plaît vérifier «Utiliser cette application par défaut» de Drive Notepad ligne.
use_by_default_fr
Après cela, vous pouvez utiliser Drive Notepad comme les autres applications sur Google Drive.

< Modifier les paramètres de partage >
Sélectionnez votre dossier de fixer public.
Après cela, suivez la photo ci-dessous.
set_sharing_enabled_01_fr
Réglez «Public» cochée.
set_sharing_enabled_02_fr

< Préparation HTML, CSS, Javascript >
Utilisation Drive Notepad pour les préparer.
Ou modifier avec votre propre éditeur de texte et de les télécharger.
Ma position relative est comme ci-dessous.
my_public_tree_fr

Le lien ci-dessous est ma page web créée avec Google Feuille de calcul.
https://googledrive.com/host/0B2hsIY7iHEnLS290OHlmRkFmbU0/
Si vous voulez, s’il vous plaît utiliser des sources comme échantillon.

< Scénario supplémentaire >
J’ai développé imgur convertisseur d’URL pour ma page web. Si vous voulez, s’il vous plaît utiliser.
https://github.com/mecrazy/imgurUrlConverter

Je suis désolé.

Mon ancien serveur a été interrompue.
En raison de craquelins.

Mon fournisseur précédent ne la sauvegarde des données.
Je me rétablir dans mes messages en utilisant https://archive.org/web/.
Si vous voulez lire ma page précédente, s’il vous plaît utiliser l’URL comme https://web.archive.org/web/20140401080033/https://mecrazy.net/.

J’ai changé le fournisseur hier.
Cette page est sur Linode.
Ce fournisseur dispose d’un système de sauvegarde. Sa spécification est vraiment élevé.