ApeekFlow
  • Платформа Apeekflow
  • С чего начать
    • Начало работы
    • Создаем первое приложение
    • Шаблоны проектов
  • Настройки платформы
    • Профиль
    • Библиотека запросов
    • Источники данных
      • Базы данных
        • PostgreSQL
        • MongoDB
        • MySQL
        • Redis
        • Microsoft SQL Server
        • MariaDB
      • AI сервисы
      • App Development
        • REST API
        • ApeekFlow REST API
      • Messaging
      • Assets
        • Хранилище файлов S3
      • Websocket
      • Сервисы
        • Google Sheets
    • Настройки
      • Рабочие пространства
      • Пользователи и группы
      • Расширенные настройки
        • Сторонние библиотеки
        • Импорт UMD библиотек
    • Корзина
  • Конструктор приложений
    • Обзор
      • Приложения
      • Модули
      • Приложение или модуль
      • Навигационная панель
      • Массовое редактирование
      • Управление слоями
      • Использвание Markdown
      • Горячие клавиши
    • Каталог компонентов
      • Общие настройки компонентов
      • Тост нотификации
      • Components
        • Table
        • Cascader
        • Link
        • Float Button
        • Form
        • JSON Schema Form
        • JSON Editor
        • JSON Explorer
        • Rich Text Editor
        • Input
        • Password
        • Number Input
        • Text Area
        • Auto Complete
        • Switch
        • Checkbox
        • Radio
        • Slider
        • Range Slider
        • Form Button
        • Icon Button
        • Dropdown
        • Toggle Button
        • Rating
        • Select
        • Multiselect
        • Tree
        • Tree Select
        • Text Display
      • Calendar
        • Calendar
        • Timer
        • Date
        • Date Range
        • Time
        • Time Range
      • Layout
        • Responsive Layout
        • Page Layout
        • Column Layout
        • Float Text Container
        • Content Card
        • Tabbed Container
        • Collapsible Container
        • Container
        • List View
        • Grid
        • Modal
        • Drawer
        • Divider
        • Navigation
        • Segmented Control
        • Tour
      • Multimedia
        • File Upload
        • File Viewer
        • Image
        • Image Carousel
        • Audio
        • Video
        • Shapes
        • Lottie Animation
        • Icons
        • Image Editor
        • Color Picker
        • QR Code
        • Scanner
      • Graphs
        • Basic Chart
        • Candlestick Chart
        • Funnel Chart
        • Gauge Chart
        • Graph Chart
        • Heatmap Chart
        • Radar Chart
        • Sankey Chart
        • Sunburst Chart
        • Theme River Chart
        • Tree Chart
        • Treemap Chart
        • Geo Map Charts
        • Mermaid Chart
        • Timeline
        • Progress
        • Progress Circle
      • Collaboration
        • Avatar
        • Avatar Group
        • Comment
      • Integration
        • Page
    • Кастомизация и код
      • Настройка стилей компонентов
      • Temporary State
      • Transformers
      • Data responder
      • Event handlers
      • Выполнение запросов
        • Привязка данных запроса к компонентам
      • Использование Javascript
        • JavaScript запросы
        • Встроенные функции JS
        • Работа с датой и временем в Day.js
    • Антипатерны
  • Релиз менеджмент
    • Версионирование запросов
    • Версионирование приложений
    • Доступ до приложений
    • Публикация приложений
  • Безопасность
    • Основная информация
    • IP адреса облака
    • Права доступа до объектов
Powered by GitBook
On this page
  1. С чего начать

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

PreviousПлатформа ApeekflowNextСоздаем первое приложение

Last updated 4 months ago

Создайте аккаунт

Если у вас уже есть аккаунт, то выполните вход по ссылке

Главный экран

Первый экран Админ-панели Apeekflow показывает обзор всех Приложений (в текущем выбранном Рабочем пространстве). Для новых установок и входов в систему имя Рабочего пространства соответствует электронной почте вошедшего

В Apeekflow вы можете создавать и находить блоки приложений:

  • Навигации

  • Мобильные навигации

  • Приложения

  • Модули Папка

Все эти элементы отображаются на главном экране. Вы можете упорядочить их по папкам.

В настоящее время поддерживается только единый список папок. Но в будущих версиях мы планируем поддерживать полную иерархию для компонентов приложения.

С помощью синей кнопки «Создать» вы можете создать новое пустое приложение. Вы попадете на экран редактора приложений.

Главный экран разделен на 4 раздела. Для создания приложения начинаем размещать любой компонент из красного раздела в app-space, желтый раздел — в середине экрана.

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

Зеленая зона помогает вам собирать и подготавливать данные для вашего приложения. Здесь можно управлять запросами данных из нескольких источников, а также преобразованиями данных и даже функциями javascript.

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

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

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

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

  • Привязка данных для отображения выбранных данных с помощью компонента

  • Привязка событий для получения пользовательского события и запуска действия

  • Настройки макета для настройки положения надписей, ориентации и видимости

  • Настройки стиля для выбора цветов, размеров и полей

Как только вы захотите, вы можете поделиться приложением с выбранными пользователями для совместного тестирования.

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

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

С помощью той же кнопки, но с помощью маленькой стрелки справа, вы можете, наконец, опубликовать приложение в его текущем состоянии. Убедитесь, что приложение доступно (меню «Поделиться»), как вы ожидаете. Приложение может быть общедоступно или только для избранных пользователей.

https://app.apeekflow.dev/user/auth/register
https://app.apeekflow.dev/user/auth/login