Статьи

Создавайте собственные приложения в браузере с помощью Configure.IT

Эта статья была спонсирована Configure.IT . Спасибо за поддержку спонсоров, которые делают возможным использование SitePoint.

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

Мобильная платформа

Это одно из самых простых решений, поскольку ни один из претендентов не оказал существенного влияния на долю рынка дуополии в iOS и Android. Тем не менее, существуют определенные приложения, которые более успешны на каждой соответствующей платформе, и вам необходимо подумать о том, как вы будете продвигать и получать прибыль от своих усилий, поскольку наилучшие подходы к этому могут различаться для каждой экосистемы.

В зависимости от того, какую платформу вы выберете, и это может быть и то и другое, следующее решение будет большим.

Язык программирования приложений

Если вы хотите разрабатывать для Android изначально, вам нужно будет изучить Java. Java является распространенным языком с двадцатилетней историей и большим сообществом, но Android добавляет свои собственные концепции, API-интерфейсы и инструменты в смесь. Несмотря на то, что вы найдете много документации и учебных ресурсов, Java — не самый простой язык, с которого можно начать, и освоение может занять много времени.

С iOS теперь у вас есть выбор из двух языков программирования, Objective-C и Swift. Objective-C получает влияние от C и C ++, которые также хорошо известны как Java, но также не являются легким для изучения языком, и Apple постепенно выводит их из употребления. Swift — это его замена, и, хотя он проще и более упорядочен, он регулярно меняется, и вам все равно придется использовать Objective-C для более сложных задач в течение нескольких последующих лет.

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

Бэкэнд приложения

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

Это еще более широкая тема. Существуют десятки баз данных и языков программирования бэкэнда, SaaS (программное обеспечение как услуга), архитектурные приемы и стратегии.

Я также упомянул, что вам придется удовлетворять спрос на эти услуги, если ваше приложение станет популярным? Было много случаев сбоя популярных сервисов из-за быстрого роста популярности, расстраивающего потенциальных клиентов. Как насчет аналитики, обработки ошибок, тестирования и развертывания обновлений для вашего приложения? Опять же, еще больше возможностей взвесить и исследовать.

Когда Facebook в начале этого года закрыл Parse — который когда-то возглавлял пространство Backend-as-a-mobile для мобильных устройств, тысячи приложений были вынуждены перейти с серверного бэкэнда на основе SaaS на хост-сервер. Закрытие поставщика убило весь смысл использования масштабируемой и гибкой серверной системы.

Если у вас есть ресурсы, вы можете нанять всех экспертов, необходимых для эффективной работы с каждым языком, компонентом и задачей, но это не всегда удобно для небольших компаний. Или вы могли бы справиться со всем между небольшой (или одной) командой — у вас есть запасные 6 месяцев, чтобы выучить все, что вам нужно, не так ли?

Платформа для разработчиков собственных приложений

Config.IT стал свидетелем популярности и растущего количества решений, которые пытались упростить разработку мобильных приложений, но в конечном итоге потерпели неудачу. Его основатели намеревались создать платформу для разработки мобильных приложений, которая не только дает вам все, что вам нужно, но и генерирует действительно нативный код — без кросс-компиляции, WebViews или компромиссов.

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

Ключевым предложением платформы является тесная интеграция ключевых частей любого мобильного приложения в одну платформу — бэкэнд, уровень API, пользовательский интерфейс мобильного приложения — все это основано на наиболее широко используемых технологиях для создания пользовательских приложений.

Для целей этой статьи мы рассмотрим один из демонстрационных проектов (приложение для событий) в качестве основы. Проект разделен на два раздела: бэкэнд и внешний интерфейс.

Демо-проект - Ресторан

Бэкэнд

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

База данных

Больше, чем абстрактный список таблиц и полей, у вас есть доступ ко всем базам данных MySQL и SQLite, включая представления, триггеры и процедуры. Вы можете управлять ими с помощью табличных представлений или с помощью необработанного SQL, а также можете импортировать и экспортировать их из или в другие инструменты.
Вы можете выбрать один из трех вариантов базы данных на стороне сервера — MySQL, MSSQL и PostgreSQL.

База данных

API

API

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

Вы можете добавить свой собственный код на PHP в потоковую диаграмму, которая позволяет виртуально интегрировать любую пользовательскую бизнес-логику. Кроме того, сторонний API-коннектор является мощной функцией, которая помогает вам подключаться к любому API за пределами платформы, используя различные методы (REST, XML, JSON и т. Д.). Также имеется визуальный отладчик, который мгновенно показывает ошибки, пока вы создаете API с помощью потоковой диаграммы, исключая любую возможность синтаксических ошибок.

JSON

Панель данных

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

Панель данных

Приложение

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

Приложение с графическим интерфейсом

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

Существует несколько вариантов доступа ко всем аппаратным функциям устройства и соответствующей настройки логики на стороне приложения — путем построения случаев и условий прямо в этом интерфейсе.

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

Кнопки переключения

Легко воспроизвести то, что вы создаете для одной платформы на другой, практически без усилий. После того, как вы создадите приложение для iOS, оно почти мгновенно может быть скопировано для Android.

Смотрите ваш вывод на реальных устройствах с PreviewIT

Приложение PreviewIT — это бесплатное приложение для iOS и Android, которое позволяет предварительно просмотреть приложение на смартфоне или планшете. Для предварительного просмотра приложений не требуется подготовка, компиляция или SDK.

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

Приложение можно бесплатно загрузить из App Store и Google Play .

App Store и Google Play

Покажи мне код!

Мы уже все пробовали такие инструменты, как Configure.IT, и, хотя они являются гибкими и позволяют создавать полнофункциональные приложения, они часто предназначены для ограниченных отраслей и вариантов использования. Вы редко можете взять то, что вы можете создать в платформе, для дополнительных настроек и настроек — вы заблокированы тем, что предлагает платформа.

Configure.IT предлагает вам возможность загрузить код для каждого компонента вашего проекта, бэкэнда, API, iOS (проект XCode, основанный на Swift 2.0) и приложений Android (проект Android Studio, основанный на Java).

Ниже приведен пример примера проекта, загруженного и запущенного в Android Studio.

Пример кода - Android Studio

И для iOS в XCode…

Пример кода - iOS XCode

Отсюда вы можете добавлять любые другие встроенные функции или вносить приложения в любую пользовательскую конфигурацию и создавать процессы, которые у вас есть.

Настроить все, что вам нужно?

Разработчики часто скептически относятся к инструментам визуального конструктора приложений, считая их слишком простыми для чего-либо, кроме портфолио или маркетинговых приложений. Configure.IT были нацелены на создание чего-то отличного от своих конкурентов, нацеленного на разработчиков, которые хотят быстро создавать качественные приложения, но не ставят под угрозу сложность или производительность. Он идеально подходит для внутренних разработчиков в корпоративных компаниях или для небольших разработчиков, создающих индивидуальные приложения для клиентов.

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