Страницы

воскресенье, 20 апреля 2014 г.

Простой блог на Ember.js + Google Apps Script

Ember.js - не такой попсовый как AngularJS, но не менее вкусный JavaScript framework, в процессе знакомства с которым я решил написать небольшой микс - простой блог по мотивам одного из мануалов с официального сайта фреймворка: frontend на Ember.js + шаблон Bootstrap Blog + backend на Google Apps Script, который можно быстро развернуть на Google Drive. Это совсем не "ember-style" код, и далеко не production решение, но вполне сгодится для выполнения функций небольшого блога. Итак, встречайте... Yet Another Blog.


Результат выглядит примерно так:

С блогом можно поиграть - редактировать существующие посты, создавать новые - по адресу: https://googledrive.com/host/0B0YcK5KeNe1tMngtVkduNnBpams/play/, сразу хочу попросить уважаемого читателя без фанатизма и матерных запилов.

Посты хранятся, да и постятся тоже :) в формате Markdown, с синтаксисом можно познакомиться здесь.

В качестве "базы данных" используется таблица на Google Drive, все файлы приложения находятся там же.

Сразу должен оговориться: я не реализовал такие фишки, как архив постов, пагинацию, комментарии, локальное хранилище данных, адаптер данных и пр., но если этот проект заинтересует широкую аудиторию - невозможного мало :). Кроме того вы можете клонировать исходный код на GitHub или сделать fork, после чего реализовать любой функционал самостоятельно.

Как развернуть свою копию блога на Google Диске:
- открываем "базу данных", создаем копию - Файл - Создать копию:

- копируем id созданной таблицы:

- открываем редактор скриптов - Инструменты - Редактор скриптов:

- редактируем id таблицы - вставляем копированный ранее id:

- выполняем функцию doGet:

- авторизуем скрипт:


- сохраняем версию приложения - Файл - Версии - Сохранить новую версию:


- публикуем приложение - Публикация - Развернуть как веб-приложение - Кто имеет доступ к приложению - Все, включая анонимных пользователей:


- копируем текущий URL веб-приложения:

- копируем исходники из репозитория на GitHub, файл code.gs можно пропустить - это исходный код скрипта, встроенного в таблицу, который мы копировали ранее вместе с таблицей

- редактируем код файла app.js, который находится в каталоге js - вставляем копированный ранее URL веб-приложения:

- заливаем файлы в расшаренный каталог на Google Drive

Вот и все, в результате нехитрых манипуляций у вас родился свой, на мой взгляд довольно симпатичный, блог.

Всех с праздником Светлого Христова Воскресения!