Archiv für den Monat: April 2014

Erzeugung dynamischer Web-Seiten nur mit Google Drive

< Warnung >
Ich empfehle Ihnen, zusätzliche Google-Konto nur für die Öffentlichkeit.
Denn wenn Sie mein Verfahren zu folgen, wird Ihr Google Mail-Adresse auf öffentlichen XML-Datei sein.

< Neue Lösung auf 2014.07.08 >
Ich schrieb den Beitrag Neue Version von Google Spreadsheets als JSONP. Wenn Sie eine neue Version von Google Spreadsheets verwenden, um dynamische Web-Seiten statt der alten Version erstellen möchten, lesen Sie bitte diesen Beitrag.

< Aktualisiert am 2014.04.26 >
Bitte verwenden Anyfile Notepad oder einem anderen Texteditor Apps für Google Drive Google Web Store statt Drive Notepad. Da Drive Notepad wurde ausgelagert.

< Aktualisiert am 2014.05.12 >
Hey! Drive Notepad ist zurück, um Google Web Store!

< Empfehlung >
Ich empfehle Ihnen, “Drive Notepad” installieren. Es ist eine Erweiterung für Google Drive. Wenn Sie Notepad Laufwerk installieren, müssen Sie Chrome. Aber nach dem Anschluss Drive Notepad zu Google Drive, wird Chrome nicht erforderlich. Sie können Drive Notepad auf allen Browsern.
https://chrome.google.com/webstore/detail/drive-notepad/gpgjomejfimnbmobcocilppikhncegaj?hl=en-GB
drive_notepad_en_us

< Zum Aktualisieren Inhalte aus Tabelle >
Sie müssen “Google Tabelle Version 1” zu bedienen. Denn “Version 2” nicht CSV-und XML-Sharing unterstützen noch. (Ich schrieb diesen Beitrag in 19. April 2014.) Wenn man heute in der Regel neue Tabelle erzeugen, wird es automatisch Version 2 sein.

Google erklärt neue Tabelle auf “Jetzt das neue Google Tabellen ausprobieren“.

Ich machte mir Sorgen über CSV-und XML-Sharing wird nicht in der Version 2 unterstützt. So überprüfte ich auch “Nicht unterstützte Funktionen im neuen Google Tabellen“. Aber diese Funktion wird nicht auf dieser Seite aufgeführt. Yep … nicht aufgeführt … aber niemand ist sich sicher, wenn Google ihre Meinung ändern ….
Können Sie diese Situation zu? LOL

Lassen Zugang https://g.co/oldsheets eine Tabelle in der Version 1 zu erzeugen.

Es ist meine Probe.

Es ist nur ein Blatt. Es hat header, 3 Pässe und 2 Zeilen.
(Ich werde imgur Bild Website zu generieren.)

< Machen wir es der Öffentlichkeit >
Folgen Sie dem Bild unten.
publish_to_the_web_de

Wählen Sie “Im Web veröffentlichen” und drücken Sie “Veröffentlichen beenden”.
Siehe Abschnitt “Link zu den veröffentlichten Daten anfordern”.
publish_to_the_web_2_de
Sie können Ihre Tabellenkalkulation als Web-Seite, HTML, CSV, TXT, PDF, ATOM, RSS, XLS und ODS zu bekommen. Wenn Sie Tabellenkalkulation auf Ihre Website synchronisieren möchten, sollten Sie CSV, ATOM oder RSS zu wählen. Diese sind leicht Format für die Synchronisierung. Wenn Sie einen von ihnen wählen, können Sie die Funktion zu finden, um Spalte und Zeile auswählen. Diese Funktion kann die Dateigröße pro Anforderung kleiner zu machen.

Wenn Sie CSV zu wählen, bevor Sie Bereich Bitte wählen Sie eine Zielblatt. Probe ist, wie im folgenden Bild.
select_sheet_de
In meinem Beispiel, “A1” ist Header. Ich möchte maximal 5 Reihen zu bekommen. Also ich den Bereich “A2: A6”.
select_cell_de
Sie können “range=A2%3AA6” in der URL zu finden. Wenn Sie das Paging-Funktion, um Ihre Web-Site hinzufügen möchten, sollten Sie den Parameter für “Reichweite” von Javascript dynamisch ändern.

< Ist es schwierig? >
Mach dir keine Sorgen. Ich schrieb den Javascript-Code hier.
https://github.com/mecrazy/generateGoogleDriveUri
Dieses Skript ist mit CSV, ATOM und RSS-Formaten kompatibel. Es ist nur URI-Generator. Es muss nicht Parser. Wenn Sie oder ATOM RSS wählen, können Sie als jQuery-Parser verwenden.

Bitte verwenden “generateGoogleDriveUri.min.js” wie unten.

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

//Casting-Objekt
var gduObj = new genGDU('Setzen Sie einen Link zu den veröffentlichten Daten hier');

//Generieren URI
var atomUri = gduObj.genUri(
  'atom', // Ich wählen ATOM-Format.
  {
    startRow:2, //Start aus Reihe 2
    startCol:1, //Starten Sie von col 1
    cols:1, //Cut 1 Spalten
    rows:5, //Cut 5 Zeilen pro Seite
    page:1 //Holen Seite 1
  }
);

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

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

< In index.html und Drive Notepad Einstellung >
Nachdem Sie auf Laufwerk Notepad Chrome hinzufügen, können Sie “Text Document” auf erstellen Menü Ihres Google Drive finden.
add_index_de
Wenn es das erste Mal auf Drive Notepad verwenden, werden Sie wie unten gefragt.
permission_01_en_us
Drücken Sie “Login and/or grant app permissions…” und akzeptieren Sie die Frage unten.
permission_02_de

Bitte ändern Sie den Dateinamen “index.html”. Nach dem Speichern der Datei, schließen Sie die Registerkarte.
change_file_name_en_us

Bitte ändern Sie die Einstellung über “Apps verwalten”.
manage_apps_de
Bitte überprüfen Sie “Standardmäßig verwenden” Drive Notepad Reihe.
use_by_default_de
Danach können Sie Drive Notepad wie die anderen Apps auf Google Drive verwenden.

< Ändern Sie Freigabeeinstellungen >
Wählen Sie Ihre Ordner der Öffentlichkeit zu setzen.
Danach folgen Sie dem Bild unten.
set_sharing_enabled_01_de
Stellen Sie “Öffentlich im web” überprüft.
set_sharing_enabled_02_de

< Vorbereiten HTML, CSS, Javascript >
Verwenden Drive Notepad, um sie vorzubereiten.
Oder bearbeiten Sie mit Ihrem eigenen Text-Editor und laden Sie sie.
Meine relative Position ist wie unten.
my_public_tree_de

Der Link unten ist meine Web-Seite mit Google Tabelle erstellt.
https://googledrive.com/host/0B2hsIY7iHEnLS290OHlmRkFmbU0/
Wenn Sie möchten, nutzen Sie bitte Quellen als Probe.

< Extra-Skript >
Ich entwickelte imgur URL-Konverter für meine Web-Seite. Wenn Sie möchten, nutzen Sie bitte dieses.
https://github.com/mecrazy/imgurUrlConverter

Es tut mir leid.

Meine bisherigen Server wurde beendet.
Aufgrund der Cracker.

Meine bisherigen Anbieter nicht Backup-Daten.
Ich bin Wiederherstellung meiner Beiträge mit https://archive.org/web/.
Wenn Sie meine vorherige Seite jetzt lesen möchten, nutzen Sie bitte URL wie https://web.archive.org/web/20140401080033/https://mecrazy.net/.

Ich habe die Anbieter gestern.
Diese Seite ist auf Linode.
Dieser Anbieter hat Backup-System. Die Spezifikation ist wirklich hoch.