Zennoposter шаблон сокращаем ссылку [Урок 1]
Это самый элементарный шаблон для сокращения одной единственной ссылки.
Хотя если он мне кажется легким, то когда я только купил Zennoposter (в 2015г.) всё казалось сильно сложным и мало понятным.
Статья рассчитана совсем на новичков, кто только начинает знакомиться с программой зеннопостер.
Если у Вас нет ещё такой замечательной программы как Zennoposter, то качаем её ЗДЕСЬ
После установки программы у Вас на рабочем столе появятся 2 ярлыка ProjectMaker и Zennoposter.
ProjectMaker - это программа в которой пишется вся логика, все инструкции для выполнения тех действий, которые Вам нужны, после чего сохраняется все в xmlz файл и загружается в сам Zennoposter. Эти инструкции называются шаблоны для зеннопостера.
Итак, запускаем программу ProjectMaker и создаем новый проект
После этого сразу же определяем в какую папку сохраним проект, в эту же папку в дальнейшем положим текстовые файлы.
Сокращать ссылку будем через сервис коротких ссылок qil su
Поэтому в ProjectMaker -е нам нужно в первую очередь перейти на этот сайт.
Делается это просто, щелкаем правой кнопкой мыши на пустом белом фоне и появляется такое меню где выбираем Переход на страницу:
После этого появится такой вот квадратик щелкаем 2 раза по нему и указываем url сайта
Теперь подводим курсор к кругу Start и от него тянем стрелку к квадрату и нажимаем Вперед:
С правой стороны экрана в браузере произойдет переход на нужный нам сайт.
Теперь нам нужна ссылка, которую мы хотим сократить и размножить, путь это будет yandex.ru куда нам её добавить? Чтобы сделать сразу правильно шаблон, то добавим её в входные настройки шаблона, т.е. при запуске шаблона в самом зеннопостере нам нужно будет вбивать в отдельное окошко url который мы хотим сократить.
Снизу кликаем правой кнопкой мыши, вызывая тем самым контекстное меню и выбираем Добавить входные настройки
Открывается такое окно где создаем новую переменную 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.