> ## Documentation Index
> Fetch the complete documentation index at: https://docs.tenderly.co/llms.txt
> Use this file to discover all available pages before exploring further.

# Развёртывание Web3 Actions через Dashboard

> Соберите и разверните Web3 Action с помощью конструктора Web3 Action в Tenderly Dashboard.

Это руководство показывает, как создать Web3 Action с помощью конструктора Web3 Action в Tenderly Dashboard. На практическом примере вы узнаете, как создать Web3 Action, который выводит сообщение в консоль каждый раз, когда в Mainnet майнится 10 блоков.

### Создание Web3 Action

<Note>
  Чтобы продолжить, [войдите в свой аккаунт](https://dashboard.tenderly.co/) или [создайте бесплатный
  аккаунт](https://dashboard.tenderly.co/register), если у вас его ещё нет.
</Note>

После входа создайте новый [проект Tenderly](/platform/account/projects/overview) или выберите существующий, в котором вы хотите создать Web3 Action.

В меню слева выберите **Actions**, где вы увидите список Web3 Actions, которые вы уже создали в своём проекте.

<Frame caption="Переход в раздел Actions">
  <img src="https://mintcdn.com/tenderly/XsEZlaGXYskrtN68/images/web3-actions/deploy-web3-actions-via-dashboard-1.webp?fit=max&auto=format&n=XsEZlaGXYskrtN68&q=85&s=f2278607baaa3cb536ecc87f83a8b7b1" alt="Переход в раздел Actions" width="3584" height="2128" data-path="images/web3-actions/deploy-web3-actions-via-dashboard-1.webp" />
</Frame>

Если вы недавно создали проект, список будет пустым, и вам нужно будет нажать кнопку **Add Action**, чтобы создать свой первый Web3 Action.

<Frame caption="Создание Web3 Action">
  <img src="https://mintcdn.com/tenderly/XsEZlaGXYskrtN68/images/web3-actions/deploy-web3-actions-via-dashboard-2.webp?fit=max&auto=format&n=XsEZlaGXYskrtN68&q=85&s=0732f3ce5bc799dc92cdf680e3d1415d" alt="Создание Web3 Action" width="2612" height="1240" data-path="images/web3-actions/deploy-web3-actions-via-dashboard-2.webp" />
</Frame>

Процесс включает три шага:

1. **Выбор типа триггера**: выберите on-chain или off-chain событие, которое запустит выполнение вашего пользовательского кода.
2. **Написание или добавление пользовательского кода (функций):** логика вашего приложения на JavaScript или TypeScript, которая будет выполняться при возникновении события.
3. **Указание деталей триггера:** у каждого предопределённого триггера (события) свои настройки. Последний шаг — настроить сам триггер. Например, для события Block вы можете выбрать сеть для отслеживания и количество заминированных блоков, при котором сработает событие.

<Frame caption="Настройка нового Web3 Action">
  <img src="https://mintcdn.com/tenderly/XsEZlaGXYskrtN68/images/web3-actions/deploy-web3-actions-via-dashboard-3.webp?fit=max&auto=format&n=XsEZlaGXYskrtN68&q=85&s=32caa447c60f9169ced9db169b0eb958" alt="Настройка нового Web3 Action" width="3604" height="2278" data-path="images/web3-actions/deploy-web3-actions-via-dashboard-3.webp" />
</Frame>

#### Шаг 1: выберите тип триггера

Выберите событие, которое ваш Web3 Action должен отслеживать (событие, запускающее выполнение вашего пользовательского кода).

Например, запускайте свой пользовательский код (описанный на следующем шаге) каждый раз, когда в сети Rinkeby майнится блок.

<Frame caption="Выбор типа триггера для Web3 Action">
  <img src="https://mintcdn.com/tenderly/XsEZlaGXYskrtN68/images/web3-actions/deploy-web3-actions-via-dashboard-4.webp?fit=max&auto=format&n=XsEZlaGXYskrtN68&q=85&s=142f78c298a072607fb9d21fdbc86c8d" alt="Выбор типа триггера для Web3 Action" width="3604" height="2278" data-path="images/web3-actions/deploy-web3-actions-via-dashboard-4.webp" />
</Frame>

#### Шаг 2: добавьте свой пользовательский код

В разделе Functions вставьте или напишите свой пользовательский код на JavaScript или TypeScript. Это пользовательская логика, которая будет выполняться при майнинге блока. Подробнее о [функциях Web3 Actions](/monitoring/web3-actions/references/functions-events-triggers#action-functions).

Например, выведите сообщение «Action triggered» в консоль при майнинге блока.

<Frame caption="Добавление пользовательского кода Web3 Action">
  <img src="https://mintcdn.com/tenderly/XsEZlaGXYskrtN68/images/web3-actions/deploy-web3-actions-via-dashboard-5.webp?fit=max&auto=format&n=XsEZlaGXYskrtN68&q=85&s=b59b582b96bf531c93c82c3f1182c486" alt="Добавление пользовательского кода Web3 Action" width="3604" height="2278" data-path="images/web3-actions/deploy-web3-actions-via-dashboard-5.webp" />
</Frame>

<Note>
  Tenderly предоставляет [несколько JavaScript-библиотек](/monitoring/web3-actions/references/functions-events-triggers#available-libraries-for-dashboard-based-actions)
  для функций, созданных через Dashboard.
</Note>

#### Шаг 3: укажите настройки триггера

Укажите специфические для триггера настройки. У каждого типа триггера свои параметры. Подробнее о [событиях Web3 Actions](/monitoring/web3-actions/references/functions-events-triggers#external-events-and-trigger-types) и о том, как их настраивать.

Для типа триггера Block вам нужно определить два дополнительных параметра: сеть (Rinkeby) и период блоков (10). Это означает, что наш код будет выполняться каждый 10-й заминированный блок в сети Rinkeby.

<Frame caption="Указание настроек триггера">
  <img src="https://mintcdn.com/tenderly/XsEZlaGXYskrtN68/images/web3-actions/deploy-web3-actions-via-dashboard-6.webp?fit=max&auto=format&n=XsEZlaGXYskrtN68&q=85&s=562a8e7dc5460d711594d4ce6d7298ca" alt="Указание настроек триггера" width="3604" height="2278" data-path="images/web3-actions/deploy-web3-actions-via-dashboard-6.webp" />
</Frame>

#### Шаг 4: добавьте заголовок и описание

В разделе **Info** добавьте заголовок и описание Web3 Action. Заголовок и описание не влияют на поведение ваших Web3 Actions.

<Frame caption="Добавление заголовка и описания для Web3 Action">
  <img src="https://mintcdn.com/tenderly/XsEZlaGXYskrtN68/images/web3-actions/deploy-web3-actions-via-dashboard-7.webp?fit=max&auto=format&n=XsEZlaGXYskrtN68&q=85&s=aeb72958ef345aa723e182563ce8fbc9" alt="Добавление заголовка и описания для Web3 Action" width="3604" height="2278" data-path="images/web3-actions/deploy-web3-actions-via-dashboard-7.webp" />
</Frame>

Опционально можно выбрать, куда Tenderly будет отправлять вам уведомления о неудачных Web3 Actions. Чтобы получать email-уведомления, включите переключатель. Хотя этот шаг необязателен, включение уведомлений поможет получить представление о том, почему ваши Web3 Actions завершаются с ошибкой, и позволит строить более надёжные системы.

<Frame caption="Активация email-уведомлений о возможных сбоях Web3 Action">
  <img src="https://mintcdn.com/tenderly/XsEZlaGXYskrtN68/images/web3-actions/deploy-web3-actions-via-dashboard-8.webp?fit=max&auto=format&n=XsEZlaGXYskrtN68&q=85&s=e3a6706f86f95521dd6a95e0a444478c" alt="Активация email-уведомлений о возможных сбоях Web3 Action" width="3604" height="2278" data-path="images/web3-actions/deploy-web3-actions-via-dashboard-8.webp" />
</Frame>

#### Шаг 5: разверните ваш Web3 Action

По завершении нажмите кнопку **Create**, чтобы собрать и развернуть ваш Web3 Action. После развёртывания вы будете перенаправлены на страницу обзора, где сможете [остановить, обновить и удалить ваш Web3 Action](/monitoring/web3-actions/references/lifecycle).

<Frame caption="Обзор вашего Web3 Action">
  <img src="https://mintcdn.com/tenderly/XsEZlaGXYskrtN68/images/web3-actions/deploy-web3-actions-via-dashboard-9.webp?fit=max&auto=format&n=XsEZlaGXYskrtN68&q=85&s=91eee239d7934b772a49fcb4d2f47dbc" alt="Обзор вашего Web3 Action" width="3516" height="2190" data-path="images/web3-actions/deploy-web3-actions-via-dashboard-9.webp" />
</Frame>

#### Шаг 6: отслеживайте выполнение вашего Web3 Action

Отслеживайте выполнение своих Web3 Actions, нажав вкладку **Execution History** в верхнем меню страницы. Здесь вы увидите запись лога для каждого экземпляра выполнения вашего Web3 Action.

<Frame caption="Мониторинг выполнения вашего Web3 Action">
  <img src="https://mintcdn.com/tenderly/XsEZlaGXYskrtN68/images/web3-actions/deploy-web3-actions-via-dashboard-10.webp?fit=max&auto=format&n=XsEZlaGXYskrtN68&q=85&s=5e39a9d092adb8f02d11cfde5cc10f92" alt="Мониторинг выполнения вашего Web3 Action" width="3604" height="2278" data-path="images/web3-actions/deploy-web3-actions-via-dashboard-10.webp" />
</Frame>

### Развёртывание и управление Web3 Actions программно

Если вы предпочитаете задавать триггеры actions через YAML-конфигурацию и хранить функции action в коде проекта, следуйте разделу Quickstart по **сборке и развёртыванию Web3 Action с помощью CLI**.

<Note>
  Web3 Actions, срабатывающие по транзакциям, можно построить только через подход CLI.
</Note>

### Ресурсы

* Подробнее о [функциях, событиях и триггерах Web3 Actions](/monitoring/web3-actions/references/functions-events-triggers).
* Подробнее о [Context, Storage и Secrets](/monitoring/web3-actions/references/context), доступных функциям action.
* Подробнее о [структуре проекта и конфигурации **tenderly.yaml**](/monitoring/web3-actions/references/project-structure).
