Как создать мобильное приложение без кода. Пошаговая инструкция

ain - blog (3).jpg

Привет, я Ник, основатель сервиса Nocode. В этой статье я поделюсь тем, как создать мобильное приложение и  объясню как загрузить его в AppStore и Play Market без каких-либо навыков кодирования.

Начало

Когда началась пандемия  COVID-19, один из моих друзей попросил меня создать для него мобильное приложение.

Его идея заключалась в создании платформы типа Uber для связи пациентов с врачами через видеоинтерфейс.

Единственная проблема была в том, что я не умел писать коды.

Так почему же друг связался именно со мной? Ну, потому что ранее я уже создавал для него несколько лендинг страниц, используя Tilda и Wix. Но я никогда не создавал ничего похожего на мобильное приложение.

Но почему бы не попробовать?

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

И главный вопрос - сколько же времени займет сборка мобильного приложения без кодинга (назовем их No-code приложения)?

И угадайте что? Я был прав!

Выбор правильной No-code платформы для создания мобильного приложения

Согласно Nocode Tools List, существует более 30+ "No-code" приложений для создания мобильных приложений.

Я провел небольшое исследование, чтобы понять, чем они отличаются.Оказалось, что многие No-code платформы не могут публиковать приложения в App Store и Google Play.

И вот результаты моего исследования:

Источники:Thunkable,Appsheet,Bubble,Adalo,Glide

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

Так что для меня приложения Appsheet, Adalo, Glide были бесполезны. И затем мне пришлось выбирать между Bubble и Thunkable.

Я решил работать с Bubble, так как у меня был некоторый опыт его использования, и  для меня он был немного проще, чем Thunkable.

У Bubble есть довольно простой способ собрать что угодно без кода, используя свой собственный удобный интерфейс, как этот:

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

Поэтому я решил создать mobile-optimised website (будем называть его PWA), то есть сайт оптимизированный для мобильных устройств с помощью Bubble, а затем.... Конвертировать его в мобильное приложение!

Но что такое сайт  PWA?

PWA - прогрессивное веб-приложение... бла-бла-бла. Мне было трудно понять, что такое PWA.

Проще говоря, PWA - это веб-сайт (такой же, на котором вы читаете эту статью), но оптимизированный для мобильных устройств. PWA не является мобильным приложением, но может быть завернут в "контейнер" в приложении.

Ого... Слишком сложно! Сайт, завернутый в приложение? Да! Вы можете создать сайт с помощью любого No-code инструмента для веб-проектов и конвертировать его в приложение за несколько простых шагов.

Создание мобильного No-code приложения

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

Для этого я выбрал два приложения: Twilio - для работы с видеокоммуникацией,  и систему Stripe для онлайн платежей.

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

После первой недели работы приложение выглядело вот так:

По прошествии второй недели, приложение выглядело так:

Использование  No-code приложений намного проще, чем реальное кодирование. Для меня это относительно просто.

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

Что делать после создания PWA-приложения?

Вот тут и начинается волшебство. Я потратил около трех недель (это даже больше, чем просто сборка) на поиск способа загрузить мое приложение в App Store.

В Интернете вы найдете значительное количество "контейнеров", которые могут обернуть ваше PWA приложение и позволить вам загрузить приложение в App Store и Google Play.

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

Так вот, чтобы избежать их, я подготовил эту диаграмму и обозначил некоторые проблемы:

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

Я нанял фрилансера за $100, чтобы обернуть мое приложение в контейнер и загрузить его в App Store. Хотя, если вы разработчик, то можете и не нанимать кого-либо.

Если же вы не разработчик и не хотите искать фрилансера, просто погуглите "преобразовать веб-сайт в приложение". Многие компании оказывают услуги по преобразованию сайтов за $100. Но, пожалуйста, НЕ ИСПОЛЬЗУЙТЕ СЕРВИС CONVERTIFY.

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

Заключительные шаги: отправка вашего No-code приложения в магазины приложений

Хорошо, теперь у вас есть сайт и контейнер, готовые к запуску.

Android: Если вы хотите опубликовать в Google Play - это относительно просто. Зайдите на эту страницу, заплатите за лицензию разработчика ($25) и загрузите приложение.

Нужна помощь? Просто зайдите на их форум поддержки или свяжитесь напрямую со службой поддержки Google.

IOS: если вы хотите опубликовать свое приложение в App Store, то перейдите сюда и отправьте заявку на регистрацию. Лицензия разработчика будет стоить вам $99.

После того, как Apple одобрит вашу заявку, вы должны будете начать загрузку. Сначала вам нужно будет загрузить приложение для тестирования, а затем уже в App Store.

Имейте в виду, что Apple точно проверит Ваше приложение перед публикацией в App Store.

Мне понадобилось две недели, чтобы исправить то, о чём меня попросили. Ирония в том, что им не понравилось, что мы использовали "не яблочное устройство" на одной из фотографий внутри приложения.

Проверьте это руководство, если у вас возникнут проблемы.

И напоследок

Мне говорили, что Apple не разрешает загружать веб-сайты в App Store. ЭТО НЕПРАВДА. И App Store, и Google Play не заботятся о том, является ли ваше приложение реальным приложением или веб-сайтом.

В действительности Apple Store и Google Play волнует лишь то, что вы используете их платежную систему. Изначально я столкнулся с некоторыми техническими проблемами. Но я решил проблему так, на стадии покупки подписки стал перенаправлять людей в Браузер. Проблема была решена и все работало безупречно.

Если вам интересно, то приложение, о котором я говорил в статье, это Udoc.

Пожалуйста, проверьте приложение и поделитесь со мной своим мнением.

После его создания, я организовал Nocode агентство  “WeLoveNocode” и создал более 10 приложений. Если вам нужна моя помощь в процессе разработки приложений, пожалуйста, не стесняйтесь и обращайтесь к нам через наш сайт.

Никита Шевченко