Архив за месяц: Апрель 2014

Создание динамических веб-страниц только с Google Drive

< Предупреждение >
Я рекомендую вам, чтобы получить дополнительную учетную запись Google только для общественности. Потому что, если вы последуете моему процедуру, ваш адрес Gmail будет на общественном XML файла.

< Новое решение на 2014/07/09 >
Я написал пост Получить новую версию Google Таблицы как JSONP. Если вы хотите использовать новую версию Google Таблицы для создания динамических веб-страниц вместо старой версии, пожалуйста, прочтите этот пост.

< Обновлено 2014/04/26 >
Пожалуйста, используйте Anyfile Notepad или любой другой текстовый редактор приложения для Google Drive на Google Web Store вместо Drive Notepad. Потому Drive Notepad был удален из магазина.

< Обновлено 2014/05/12 >
Эй! Drive Notepad вернулся к Web Store Google!

< Рекомендации >
Я рекомендую вам установить “Drive Notepad”. Это расширение для Google Drive. При установке диска Notepad, необходимо Chrome. Но после подключения Drive Notepad в Google Drive, Chrome не требуется. Вы можете использовать Drive Блокнот на любых браузерах.
https://chrome.google.com/webstore/detail/drive-notepad/gpgjomejfimnbmobcocilppikhncegaj?hl=en-GB
drive_notepad_en_us

< Для обновления содержимого из Таблица >
Вы должны использовать “Google Таблица версии 1”. Потому что “версия 2” не поддерживает CSV и обмена XML еще. (Я написал этот пост в 19 апреля 2014.) Если вы обычно генерировать новые Таблица сегодня, он автоматически будет версия 2.

Google объяснил новый Таблица на “Новые Google Таблицы“.

Я беспокоился о CSV и обмен XML не будет поддерживать в версии 2. Поэтому я проверил также “Поддержка функций в новых Google Таблицах“. Но эта функция отсутствует в списке на этой странице. Да … нет в списке … но никто не уверен, когда Google изменить свое мнение ….
Можете ли вы согласиться с этой ситуацией? LOL

Давайте https://g.co/oldsheets доступ к генерировать Таблицах в версии 1.

Это мой образец.

Это только один лист. Он заголовок, 3 перевалы и 2 ряда.
( Я собираюсь генерировать imgur сайт изображения. )

< Давайте сделаем это публично >
Следуйте приведенным ниже рис.
publish_to_the_web_ru

Выберите “Опубликовать в Интернете” и нажмите кнопку “Начать публикацию”.
См. раздел “Ссылка на опубликованные данные”.
publish_to_the_web_2_ru
Вы можете получить свой Таблицах как веб-страницы, HTML, CSV, TXT, PDF, ATOM, RSS, XLS и ОРВ. Если вы хотите синхронизировать Таблицах на ваш сайт, вы должны выбрать CSV, атом или RSS. Они просты формат для синхронизации. При выборе одного из них, вы можете найти функцию, чтобы выбрать колонку и строку. Эта функция может сделать размер файла согласно запросу меньше.

Если вы выбираете CSV, прежде чем выбрать диапазон, пожалуйста, выберите целевой лист. Образец, как показано ниже рис.
select_sheet_ru
В моем примере, “А1” является заголовок. Я хочу получить 5 строк максимум. Так что я задать диапазон “A2:A6”.
select_cell_ru
Вы можете найти “range=A2%3AA6” в URL. Если вы хотите добавить функцию подкачки на ваш сайт, вы должны динамически изменять параметр для “range” по Javascript.

< Это сложно? >
Не волнуйтесь. Я написал код Javascript здесь.
https://github.com/mecrazy/generateGoogleDriveUri
Этот сценарий совместим с CSV, ATOM и RSS форматов. Это только генератор URI. Он не имеет анализатор. Если вы выбираете атом или RSS, вы можете использовать jQuery как анализатор.

Пожалуйста, используйте “generateGoogleDriveUri.min.js”, как показано ниже.

<!DOCTYPE html>
<html>
<head>
<title>Образец страницы</title>
<script src="js/generateGoogleDriveUri.min.js"></script>
<script type="text/javascript">
window.onload = function(){

//Кастинг объект
var gduObj = new genGDU('Поставьте ссылку на опубликованных данных здесь');

//Создать URI
var atomUri = gduObj.genUri(
  'atom', // Я выбираю формат ATOM.
  {
    startRow:2, //Начните с строке 2
    startCol:1, //Начните с Колонка 1
    cols:1, //Вырезать 1 столбцов
    rows:5, //Отрежьте 5 строк на странице
    page:1 //Получить стр. 1
  }
);

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

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

< Добавить index.html и установка Drive Notepad >
После добавления Drive Notepad на Chrome, вы можете найти “Text Document” на создание меню вашего Google Drive.
add_index_ru
Если это ваш первый раз использовать Drive Notepad, вам будет предложено, как показано ниже.
permission_01_en_us
Нажмите “Login and/or grant app permissions…” и принять вопрос ниже.
permission_02_ru

Пожалуйста, измените имя файла “index.html”. После сохранения файла, закрыть вкладку.
change_file_name_en_us

Пожалуйста, измените настройки о “Управление приложениями”.
manage_apps_ru
Пожалуйста, проверьте “Использовать по умолчанию” из Drive Notepad подряд.
use_by_default_ru
После этого, вы можете использовать Drive Notepad как и другие приложения на Google Drive.

< Изменение настройки общего доступа >
Выберите папку для установки общественности.
После этого, следуйте приведенным ниже рис.
set_sharing_enabled_01_ru
Установите “всем в Интернете” проверили.
set_sharing_enabled_02_ru

< Подготовка HTML, CSS, Javascript >
Используйте Drive Notepad, чтобы подготовить их.
Или редактировать с вашим собственным текстовом редакторе и загружать их.
Мой относительное положение как ниже.
my_public_tree_ru

Ссылку ниже мой веб-страницы, созданные с Google Таблицах.
https://googledrive.com/host/0B2hsIY7iHEnLS290OHlmRkFmbU0/
Если вы хотите, пожалуйста, используйте источники как образец.

< Очень сценарий >
Я разработал imgur URL конвертер для моей веб-странице. Если вы хотите, пожалуйста, используйте этот.
https://github.com/mecrazy/imgurUrlConverter

Мне очень жаль.

Мой предыдущий сервер был прекращен.
Из-за крекеров.

Мой предыдущий поставщик не резервные копии данных.
Я восстановлении мои сообщения с помощью https://archive.org/web/.
Если вы хотите, чтобы прочитать мою предыдущую страницу сейчас, пожалуйста, используйте URL как https://web.archive.org/web/20140401080033/https://mecrazy.net/.

Я вчера изменил поставщика.
Эта страница находится на Linode.
Этот провайдер имеет системы резервного копирования. Его спецификации действительно высока.