Подробная пошаговая инструкция по регистрации и созданию собственного мини-приложения в Телеграм [ Telegram mini apps ] в конструкторе Unitee Space

1. Начало регистрации

2. Первичная регистрация в телеграм боте Unitee.space

3. Регистрация в мини-приложении Unitee.space (Конструктор Unitee Space)

4. Первоначальные действия в созданном проекте

5. Тарифы конструктора

🛑 ВАЖНО:
Для начала регистрации необходимо перейти по ➡ 🔗 ССЫЛКЕ 🔗, после чего вы переходите в телеграм бот Unitee.space

Изображение 1: Далее нажимаете кнопку "ЗАПУСТИТЬ"

↪ Вернуться в 📖 Cодержание публикации [ навигация ]

Изображение 2: После того как вы нажали кнопку "ЗАПУСТИТЬ", запускается команда /start и в бот приходит сообщение с кнопкой "НАСТРОИТЬ БЕСПЛАТНО".

Нажмите кнопку "НАСТРОИТЬ БЕСПЛАТНО".

Изображение 3: Появится предложение открыть веб-приложении.

Нажмите "ОК".

Изображение 4: Начнётся загрузка мини-приложения. В данном случае показана регистрация на ПК. В случае, если вы будете проходить регистрацию на смартфоне, то видна будет только область, которая озаглавлена как "Конструктор Unitee Space"

Далее изображения будут визуально идентичными как для ПК, так и для смартфона.

↪ Вернуться в 📖 Cодержание публикации [ навигация ]

Изображение 5: Регистрация в конструкторе Unitee.space состоит из трёх этапов и начинается с создания своего телеграм бота и получения API-токена (подробная инструкция) и внесения в поле "Введите API-токен бота", скопированный в BotFather API-токен вашего бота.

Изображение 6: После внесения в поле API-токена вашего бота необходимо нажать кнопку "Подключить"

Изображение 7: Появится страница с названием вашего бота и предложение запустить процесс регистрации, а также упоминание о том, что вы можете восстановить свой проект (ваше мини-приложение, создаваемое на конструкторе) из резервной копии.

Нажимаете кнопку "ЗАПУСТИТЬ ВСЕ ПРОЦЕССЫ"

Изображение 8: Начнётся создание базы данных вашего проекта.

Также на этой странице есть описание информационного характера и не имеющее прямое отношение к процессу регистрации проекта мини-приложения.

Кнопку "ПОДРОБНЕЕ" нажимать не нужно. Дайте возможность корректно завершиться процессу регистрации. Хотя если вам будет важно узнать об этом или просто любопытно, то можете нажать и ознакомиться.

Изображение 9: Далее появляется информация о подготовке сервера. Вам ничего делать не нужно, только наблюдайте за процессом, который будет происходить автоматически.

Изображение 10: Далее появится информация о регистрации пространства и это будет самым долгим временным отрезком (в данном тестовом варианте регистрации проекта заняла около 7 минут, все остальные этапы заняли считанные секунды)

Ожидайте окончания процесса, он идёт автоматически.

Изображение 11: После окончания регистрации пространства появляется страница на которой вам необходимо будет выбрать:

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

Изображение 12: Здесь важно определиться с тем, к чему ближе всего непосредственно ваш проект. Что вы хотите создать - клуб, каталог товаров или бренд или что-то другое, близкое из списка шаблонов.

Изображение 13: Если вам ничего не подходит, то можете выбрать шаблон проекта - универсальный.

Изображение 14: Выбираете ваш часовой пояс (в выпадающем списке предлагаются все возможные варианты), по умолчанию он будет часовым поясом приложения. Однако для удобства других пользователей созданного вами приложения, у них могут быть свои часовые пояса.

Изображение 15: Далее выбираете валюту приложения (в выпадающем списке предлагаются все возможные варианты), по умолчанию это будет валютой приложения. Однако впоследствии вы сможете изменить этот выбор или создать дополнительные валютные балансы.

Изображение 16: Выбрав шаблон проекта, часовой пояс и валюту приложения - нажимаете кнопку "ДАЛЕЕ"

Изображение 17: Вам предлагается выбрать цветовую схему в приложении.

После выбора - нажмите кнопку "ЗАВЕРШИТЬ НАСТРОЙКУ"

Изображение 18: Настройка основных параметров и регистрация в мини-приложении Unitee.space (Конструктор Unitee Space) успешно завершена.

Далее вы можете перейти непосредственно в сам конструктор и приступить к настройкам вашего созданного проекта.

Для этого нажмите кнопку "ПЕРЕЙТИ К УПРАВЛЕНИЮ"

↪ Вернуться в 📖 Cодержание публикации [ навигация ]

Изображение 20: Вы переходите в панель управления проектом, которая открывается в баузере. На первых шагах предлагаются пояснения и подсказки.

Например указывается на размещение инструментов управления наполнением приложения.

Можете нажать кнопку пропустить, а можете нажать далее для ознакомления.

Изображение 21: Далее указывается размещение элементов управления настройкой приложения.
Можете нажать кнопку "Завершить"

Изображение 22: В разделе "Участники" вы можете увидеть тех, кто из пользователей телеграм уже взаимодействовал с приложением. В случае регистрации проекта - это будет пользователь, который непосредственно зарегистрировал проект.

Изображение 23: Если вам необходимо добавить в проект разработчика приложения или другое ответственное лицо, которое будет обладать доступом к настройкам проекта или выполнять какие-либо другие задачи во внутренней среде приложения, то для этого нужно перейти в раздел "Группы", в которой по умолчанию создаётся специальная группа с названием "Команда".

На момент регистрации проекта в этой группе нет участников, о чем сообщает цифра "0" (область выделена красной рамкой на изображении) напротив названия группы "Команда".

Изображение 24: Для приглашения необходимого вам пользователя, зарегистрированного в телеграм, в группу приложения "Команда", необходимо зайти в раздел "Ссылки" и скопировать пригласительную ссылку (для этого кликните на пиктограмму копирования ссылки, на которую указывает красная стрелка на изображении, а также рядом расположена метка 2 в красном круге; слева от этой пиктограммы расположена пиктограмма с функцией "Поделиться ссылкой", которую также можно использовать для передачи пригласительной ссылки пользователю).

Скопируйте ссылку и отправьте её пользователю, которому необходимо добавить в группу "Команда" и сообщите ему, чтобы он перешел по этой ссылке.

🛑 ВНИМАНИЕ:

Количество пользователей в группе "Команда" ограничено тарифами платформы, поэтому не добавляйте в эту группу случайных пользователей.

Рекомендовано на начальном этапе разработки приложения предоставлять доступ только одному разработчику.

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

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

Новому пользователю приходит уведомление о добавлении его в группу "Команда".

Изображение 26: Нажав на синюю кнопку "Кабинет" в левом нижнем углу интерфейса чат-бота, для нового пользователя запустит созданное вами мини-приложение, которое пока имеет блоки, настроенные по умолчанию в выбранном шаблоне приложения.

Изображение 27: Если вы после перехода пользователя по пригласительной ссылке, зайдете в раздел "Участники", то увидите кроме себя ещё и данные о новом пользователе мини-приложения.

Изображение 28: Если вы зайдете в раздел "Группы", то увидите, что в группе "Команда" появился один пользователь, которого вы можете посмотреть, кликнув по пиктограмме (символизирующая три условных силуэта) рядом с цифрой 1, на которую указывает красная стрелка на изображении.

↪ Вернуться в 📖 Cодержание публикации [ навигация ]

Изображение 29: С актуальными тарифами конструктора можно ознакомиться на пиктограмму "синяя шестерёнка", на которую указывает красная стрелка на изображении, а после открытии карточки со всеми общими настройками проекта, нажать на вкладку с названием "Тариф" (на изображении рядом с вкладкой "Тариф" расположен красный кружочек с цифрой 3)

Изображение 30: В этой вкладке указываются актуальные данные по всем тарифам конструктора, а также есть возможность выбрать тариф и настроить его индивидуально необходимую конфигурацию.

Изображение 31: Для того, чтобы посмотреть сведения о текущем тарифе проекта и количеству оплаченных дней, оставшихся по тарифу, вам необходимо подвести курсор к точке (на изображении она зелёного цвета, но может быть желтым или красным) и отобразятся интересующие вас данные.

↪ Вернуться в 📖 Cодержание публикации [ навигация ]