Прежде чем создавать процессы для RPA самостоятельно, лучше сначала ознакомиться с некоторыми терминами.

Объекты

Объекты хранят данные в виде {key: value}. Как показано на рисунке ниже, мы можем использовать объект для представления информации о человеке. В этом объекте {...} «имя», «возраст» и «пол» являются ключами, а «Джон», «28» и «мужской» — значениями.

На рисунке ниже показаны два объекта, представляющие информацию о двух людях.

Массивы

Массив — это набор элементы одного типа данных.

Давайте рассмотрим простой пример. На изображении ниже внутри массива 4 элемента.

Первый элемент массива индексируется индексом 0.
Второй элемент массива индексируется индексом 1.

И так далее.

Элементы массива также могут быть объектами. Как показано ниже, в массиве 3 объекта.

Значения a[0] , a[1] и a[2] показаны ниже:

К настоящему моменту вы должны иметь четкое представление о концепции массивов и объектов. Если вы еще не знакомы с ним, узнайте больше, выполнив поиск по ключевым словам, таким как "массивы JavaScript" или "объекты" в Google.

Элемент

Элемент — это «видимая или осязаемая» часть веб-страницы, а также именно тот объект, с которым работает автоматизация.

Другими словами: всё, что можно увидеть, на что можно кликнуть, куда можно что-то ввести или что можно считать/прочитать — почти всегда является элементом.

Элемент = объект для взаимодействия
Селектор = способ точно найти этот объект

Какие элементы часто встречаются на веб-страницах?

Ниже перечислены элементы, которые чаще всего используются в автоматизации:

Поле ввода (Input)

Поле для ввода логина
Поле для ввода пароля
Поисковая строка

Кнопка (Button)

Кнопка «Войти»
Кнопка «Отправить»
Кнопка «Следующая страница»

Текстовый элемент (Text)

Название товара
Цена
Сообщения/подсказки (например, «Ошибка входа»)

Изображение (Image)

Фото товара
Капча

Список (List)

Список товаров
Список отзывов
Список заказов

Как выделять элементы?

1. Откройте браузер, нажмите Ctrl+Shift+I, чтобы открыть DevTools.

2. Нажмите Ctrl+F, чтобы открыть Поиск.

3. Используйте селекторы для поиска элементов следующим образом:

Блок 1. Введите селектор, чтобы найти элементы.

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

Блок 2. Если счетчик "1 из 1", то с помощью этого селектора можно найти один элемент. Если счетчик "2 из 3", то с помощью этого селектора можно найти три элемента, причем текущий элемент будет вторым.

Блок 3. Найденный элемент.

4. Введите селектор, который вы использовали на предыдущем шаге, в поле ввода [Селектор] в AdsPower RPA.

Селектор

Селектор — это инструмент, который помогает точно определить нужный элемент в сложной структуре веб-страницы.

На одной веб-странице обычно одновременно присутствует множество элементов: кнопки, поля ввода, изображения, текстовые блоки и т. д.

Задача селектора — указать системе, с каким именно элементом нужно работать, а не с «примерно тем же самым».

Понятие «селектор» пришло из веб-разработки и связано с CSS (Cascading Style Sheets).

Для удобства далее под словом «селектор» мы будем понимать способ позиционирования и поиска элементов на веб-странице, без углубления в сложные программные концепции.

Например, вы хотите использовать RPA, чтобы лайкнуть определенный пост, а на главной странице 10 постов, но хотите поставить лайк только пятому посту. Прежде всего, вам нужно найти кнопку «Нравится» пятого поста, затем нажать «Мне нравится» с помощью селектора, то есть нужно найти селектор пятого поста. В противном случае RPA Robot не будет знать расположение нужного элемента.

Как показано ниже, введите селектор #nav-search-submit-button, после чего робот RPA будет нажимать на элементы, содержащие <xxxx id=nav-search-submit-button> на странице.

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

<div class="one_class">one</div>
<p class="two_class">two</p>
<span id="three_class">three</span>

Тип селектора	Описание
Selector	Относится к селектору CSS, методу выбора элементов HTML с использованием синтаксиса CSS. Например, с помощью селектора CSS .one-class можно выбрать все элементы с именем класса one-class, что позволяет извлекать элементы, подобные одному в приведенном выше коде.
XPath	XPath — это язык, используемый для поиска узлов в документах XML и HTML. Он использует выражения пути для выбора элементов, которые могут быть очень конкретными, включая атрибуты элемента, текстовое содержимое, положение и т. д. Например, //p[@class='two-class'] выберет все элементы p с именем класса two-class.
Text	Непосредственно введите текст элемента, который вы хотите выбрать. Например, если вы введете «три», вы сможете напрямую получить этот элемент.

Переменная

Переменная — это контейнер, в котором можно хранить текст, данные, элементы веб-страницы и другую информацию.

Например, вы получили с веб-страницы текст «I love AdsPower!» и сохранили его в переменную A.
На следующем шаге, когда нужно ввести этот текст в поле ввода, достаточно просто обратиться к переменной A — и система автоматически подставит сохранённое значение.

В RPA переменные делятся на две основные категории: системные переменные и переменные процесса.

Системные переменные

Как правило, это информация о среде выполнения или о самой задаче, например ID задачи (task_id), заметка профиля (comment) и другие системные данные. Такие переменные создаются системой автоматически и не требуют ручной настройки.

Переменные процесса

Переменные процесса, в свою очередь, делятся на два типа: пользовательские переменные процесса (их также можно считать глобальными переменными) и переменные, объявляемые в процессе.

Пользовательские переменные процесса

Это переменные, объявленные в начальном узле процесса. Они действуют на протяжении всего процесса и могут редактироваться в разделе «Подробности процесса».

Переменные, объявляемые в процессе

Такие переменные создаются на отдельных шагах процесса. Например, в операциях «Получить URL», «Данные элемента», «Цикл for элементы» и других можно сохранить полученные данные или элементы страницы в переменные и использовать их в последующих шагах.

Инструкция if

Сталкивались с такой ситуацией?
На странице входа нужно ввести логин и пароль. Если поле для ввода пароля не отображается, мы просто обновляем страницу.
То есть: если условие выполняется — выполняем шаг 1, если нет — выполняем шаг 2.

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

Инструкция if используется для проверки переменных или для сравнения переменной с заданным значением, например:

переменная есть /нет
содержит / не содержит
равно / не равно
и другие условия

Если условие выполняется — система выполняет шаг 1.
Если условие не выполняется — выполняется шаг 2 или не выполняется никакого действия, и процесс просто продолжается со следующего шага.

Цикл

Цикл — это повторное выполнение одного и того же действия.
Например: поставить лайк нескольким постам, собрать все комментарии под товаром и сохранить их в файл, выполнить перелистывание страниц, нажать на несколько изображений и т. д.

Когда вы сталкиваетесь с подобными задачами, стоит использовать цикл For, чтобы автоматизировать рутинные и повторяющиеся действия.

В AdsPower доступны:

Эти циклы помогают гибко управлять повторяющимися действиями и значительно упрощают автоматизацию процессов.

Начало работы