Начала
Так получилось, что наконец-то получил доступ к великолепному инструменту, к Google Mashup Editor. Кратко о редакторе. Данный редактор позволяет создавать веб-приложения (мешапы), интегрирующие в себе функционал нескольких сторонних сервисов.
Общий вид Google mashup editor
После некоторого времени чтения мануалов у меня появилась идея написать простенькое приложение, которое не делает ничего, кроме вывода RSS ленты моего блога.
Немного покапавшись в примерах и руководствах я все таки написал его.
Данный пример работает и его можно проверить самостоятельно. А подменив адрес RSS получить приложение для произвольной ленты.
Давайте разберемся в коде по строкам.
1. начало описания приложения. Так же отключаем необходимост авторизации для просмотра приложения.
5. создаем список из элементов для вывода данных из источника data (вот тут то мы и указываем адрес RSS!), явно указываем шаблон для вывода (см. ниже) и размер выборки.
8. начало описания шаблона элементов выборки.
10. Важный момент! repeat=«true» в теге указывает на то, что этот тег и все его внутренности будут дублироваться для каждого элемента. Достаточно удачное решение!
12. Указываем место вывода для заголовка Atom потока (Всё верно, RSS поток автоматически преобразовался ко основному формату GME, а именно к Atom)
15. Аналогично для вывода тела поста.
Разобрались? Тогда жмём «Test»! При желании Вы сможете сохранить полученное приложение как виджет для Вашей страницы iGoogle.
Вот само приложение в рабочем виде: http://neonxprss.googlemashups.com/
Как видите, ничего сложного нет! Зато GME предоставляет большие возможности по интеграции и нестандартному использованию многих своих сервисов. Здесь и работа с картами, с поиском, с картинками. Все, что душа пожелает! Изучаем доки, примеры и экспериментируем!
Общий вид Google mashup editor
После некоторого времени чтения мануалов у меня появилась идея написать простенькое приложение, которое не делает ничего, кроме вывода RSS ленты моего блога.
Немного покапавшись в примерах и руководствах я все таки написал его.
- <gm:page title="NeonXP RSS" authenticate="false">
- <div class="gm-app-header">
- <h1>NeonXP RSS</h1>
- </div>
- <gm:list id="rssList" template="rssListTemplate"
- data="http://neonxp.info/feed/" pagesize="10">
- </gm:list>
- <gm:template id="rssListTemplate">
- <table class="blue-theme" style="width:50%">
- <tr repeat="true">
- <td style="padding-bottom:10px">
- <b><gm:text ref="atom:title">
- </gm:text></b>
- <br/>
- <small><gm:text ref="atom:content"/></small>
- </td>
- </tr>
- </table>
- </gm:template>
- </gm:page>
Данный пример работает и его можно проверить самостоятельно. А подменив адрес RSS получить приложение для произвольной ленты.
Давайте разберемся в коде по строкам.
1. начало описания приложения. Так же отключаем необходимост авторизации для просмотра приложения.
5. создаем список из элементов для вывода данных из источника data (вот тут то мы и указываем адрес RSS!), явно указываем шаблон для вывода (см. ниже) и размер выборки.
8. начало описания шаблона элементов выборки.
10. Важный момент! repeat=«true» в теге указывает на то, что этот тег и все его внутренности будут дублироваться для каждого элемента. Достаточно удачное решение!
12. Указываем место вывода для заголовка Atom потока (Всё верно, RSS поток автоматически преобразовался ко основному формату GME, а именно к Atom)
15. Аналогично для вывода тела поста.
Разобрались? Тогда жмём «Test»! При желании Вы сможете сохранить полученное приложение как виджет для Вашей страницы iGoogle.
Вот само приложение в рабочем виде: http://neonxprss.googlemashups.com/
Как видите, ничего сложного нет! Зато GME предоставляет большие возможности по интеграции и нестандартному использованию многих своих сервисов. Здесь и работа с картами, с поиском, с картинками. Все, что душа пожелает! Изучаем доки, примеры и экспериментируем!
комментарии (34)