Zennoposter шаблон сокращаем ссылку [Урок 1]

Это самый элементарный шаблон для сокращения одной единственной ссылки.

Хотя если он мне кажется легким, то когда я только купил Zennoposter (в 2015г.)  всё казалось сильно сложным и мало понятным.
Статья рассчитана совсем на новичков, кто только начинает знакомиться с программой зеннопостер.

Если у Вас нет ещё такой замечательной программы как Zennoposter, то качаем её ЗДЕСЬ

После установки программы у Вас на рабочем столе появятся 2 ярлыка ProjectMaker и Zennoposter.

ProjectMaker - это программа в которой пишется вся логика, все инструкции для выполнения тех действий, которые Вам нужны, после чего сохраняется все в xmlz файл и загружается в сам Zennoposter. Эти инструкции называются шаблоны для зеннопостера.

Итак, запускаем программу ProjectMaker и создаем новый проект

После этого сразу же определяем в какую папку сохраним проект, в эту же папку в дальнейшем положим текстовые файлы.

Сокращать ссылку будем через сервис коротких ссылок qil su
Поэтому в ProjectMaker -е нам нужно в первую очередь перейти на этот сайт.
Делается это просто, щелкаем правой кнопкой мыши на пустом белом фоне и появляется такое меню где выбираем Переход на страницу:
После этого появится такой вот квадратик щелкаем 2 раза по нему и указываем url сайта

Теперь подводим курсор к кругу Start и от него тянем стрелку к квадрату и нажимаем Вперед:

С правой стороны экрана в браузере произойдет переход на нужный нам сайт.

Теперь нам нужна ссылка, которую мы хотим сократить и размножить, путь это будет yandex.ru куда нам её добавить? Чтобы сделать сразу правильно шаблон, то добавим её в входные настройки шаблона, т.е. при запуске шаблона в самом зеннопостере нам нужно будет вбивать в отдельное окошко url который мы хотим сократить.

Снизу кликаем правой кнопкой мыши, вызывая тем самым контекстное меню и выбираем Добавить входные настройки

2 раза кликаем на 3 квадрата

Открывается такое окно где создаем новую переменную url:
Имя - пишем сами, Тип выбираем из выпадающего списка Text, Значение по умолчанию пишем адрес ссылки который будем сокращать.

Сохранить в переменную выбираем Новая и пишем только английскими буквами url и нажимаем создать

В итоге должно всё выглядеть так:

Закрываем это окно и сохраняем шаблон.
Теперь ОБЯЗАТЕЛЬНО закройте данный проект и снова его откройте, чтобы переменную url подхватил ProjectMakerТеперь снова нажимаем Вперед и ждем когда в правой стороне экрана загрузится сайт qil su.

Теперь там где написано "Введите URL укорачиваемой ссылки" кликаем левой кнопкой мыши и потом сразу правой вызывая контекстное меню - выбираем В конструктор действий

Появится такое окно:
Не стоит этого пугаться, нам нужно сделать всего 3 действия, выбираем Атрибут Value , Значение вызываем контекстное меню Установить значение из переменной url и жмем конопку Добавить в проект

Должен появится еще один квадратик на рабочей области слева, его просто прилепляем к предыдущему квадрату снизу.

Теперь наводим указатель мыши на кнопку "Получить короткую ссылку"  правой кнопкой мыши вызываем контекстное меню и снова выбираем В конструктор действий

видим знакомое окно:

Здесь еще проще, выбираем Rise и событие  click жмем Добавить в проект и прилепляем появившийся квадрат на рабочей области к предыдущему квадрату.
Теперь если запустить проект и нажать Вперед можно увидеть как наша ссылка сокращается.

Что сделала программа:
1. Зашла по нужному адресу
2. Вбила в поле url ссылки которую нам нужно сократить
3. Нажала на кнопку

З действия 3 квадрата.

Теперь нам остается только забрать эту короткую ссылку и записать её например в текстовый файл shorturl.txt
Для этого мы создаем в папке где лежит наш шаблон пустой файл shorturl.txt, а в программе показываем где он находится так:

переименовываемДва раза кликаем на списке и указываем путь к файлу так:
На время оставим список в покое и научимся вытаскивать только что созданный и сокращенный урл.

Нам нужно получить исходный код страницы, т.е. такой каким его видят роботы, делается в зеннопостере это так:
В браузере PojectMaker нажимаем такую иконку
Немного подождем и откроется окно где и будет нужный исходный код и ищем нашу сокращенную ссылку во всем этом коде через поиск Ctrl+F, после этого все копируем в конструктор регулярных выражений.

И уже в конструкторе подбираем регулярное выражение которое поможет нам вытащить эту ссылку.

Посмотрите внимательно скриншот думаю тут понятно будет.

Дальше делаем так:

Появляется новый квадрат DOM, входим в него двойным нажатием мыши ставим галочку Парсить результат  вставляем регулярное выражение которое получили в конструкторе регулярных выражений и создаем новую переменную shorturl

Теперь сокращенная ссылка будет попадать в переменную shorturl, которую мы и запишем в текстовый файл shorturl.txt таким образом:

2 раза кликаем на новом квадрате списка и в поле строка добавляем через правую кнопку мыши переменную shorturl

Теперь если запустить проект сначала в ProkectMaker, то в конце выполнения можно увидеть как в файле shorturl.txt появится наша сокращенная ссылка.

Скачать шаблон zennoposter из этого урока для сокращения ссылки можете здесь

Как сделать из одной сокращаемой ссылки МНОГО в этом шаблоне, будет рассказано в следующем уроке.

Пока повторите все действия, которые описаны в этой статье, скачайте шаблон изучите, чтобы было понимание как все это легко реализуется в Zennoposter -e.