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

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 приложений. Если вам нужна моя помощь в процессе разработки приложений, пожалуйста, не стесняйтесь и обращайтесь к нам через наш сайт.

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


БЛОГ ASTANA INNOVATIONS

DJI_0278.jpg

Astana Innovations 10 лет инноваций: от идей до реализации

  Нур-Султан - крупный постоянно развивающийся мегаполис, где внедряются инновации и различные технологические решения. Если раньше слово “smart” упоминалось в контексте фильмов или новостях о каких-то технологических разработках заграничных коллег, то с...
Дизайн без названия-16.jpg

Развитие STEM образования в столице: названы самые популярные языки программирования

  Большинство казахстанских школьников-участников STEM Олимпиады считают самыми популярными языками программирования являются Python, Scratch и C++. Более 1500 школьников 5-11 классов и 422 учителя приняли участие в опросе о Республиканской STEM Олимпи...
news (7).jpg

Структурные подразделения Общества презентовали итоги деятельности за 2019-2021 годы

  19 апреля 2021 года состоялась встреча структурных подразделении Общества с независимым директором-членом Совета директоров АО «Astana Innovations» Азаматом Смагуловым. На встрече Центр эксплуатации кабельной канализации (ЦЭКК) рассказали о проведен...
Дизайн без названия-3.jpg

В школе Нур-Султана внедрили технологию на наличие масок и измерение температуры

  27 апреля 2021 года в столичной школе состоялся запуск системы распознавания лиц, которая моментально измеряет температуру тела и наличие маски. Кроме того, казахстанская IT-разработка ограничивает доступ в школу незарегистрированным в базе данных л...
news (6).jpg

Остановку с системой автономной дезинфекции запустили в Нур-Султане

   В столице состоялся официальный запуск системы автономной дезинфекции и контроля безопасности остановочных павильонов. Инновационную систему установили на крытой остановке по улице Косшыгулулы г.Нур-Султан. Она обеспечивает бесшумную дезинфекцию во...
news (5).jpg

Профиль города Нур-Султан разработан совместно с ЕЭК ООН

  Профиль города - это свод выводов и рекомендаций, в форме отчета и в дальнейшем публикации, которую ЕЭК ООН выпускает на основе оценки ключевых показателей эффективности: экономике, окружающей среды, обществе и культуре. В 2018 году для того, чтобы ...
ain - blog (3).jpg

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

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

Лучшие проекты STEM олимпиады получат возможность пилотирования в столице

  Развитие инновационной экосистемы невозможно без внедрения новых технологий, улучшения существующих, пилотирования и масштабирования технологических решений. Но, пожалуй, самое главное не осуществимо без умных и креативных, инноваторов. Для этого аким...
news (3) (1).jpg

Научитесь самостоятельно создавать мобильные приложения и веб-сервисы бесплатно!

  Научитесь самостоятельно создавать мобильные приложения и веб-сервисы бесплатно! Не используя код. За неделю🚀 - 20+ уроков по разработке - 10 часов уроков по продажам - 8 часов теории + практика - 24/7 онлайн-поддержка. Astana Innovations совме...
ain - blog.jpg

«Астана Innovations» запускает масштабный проект под названием «Умный район» в городе Нур-Султан

  «Астана Innovations» при поддержке акиматов районов «Есиль», «Алматы» и «Сарыарка» запускает масштабный проект под названием «Умный район» в городе Нур-Султан.Умный район - это «живая лаборатория», которая сконцентрирует в себе известные на сегодняшн...
news (2) (1).jpg

В Нур-Султане обсудили ход формирования Умного и устойчивого города

В рамках реализации целей устойчивого развития Организации Объединенных Наций и инициативы «Объединение усилий в целях построения «умных и устойчивых городов» (United for Smart Sustainable Cities — U4SSC) в столице обсудили ход формирования smart and su...
news (1) (1).jpg

Как выиграть 2.6 млн тенге за HealthTech решение!

COVID-19 оказал огромное давление на глобальную систему здравоохранения, которая перегружена и испытывает не только нехватку персонала, но и недостаток ресурсов, необходимых для поддержки растущего числа подтвержденных случаев коронавируса. Сегодня инн...
news.jpg

Как сохранить тепло от отопления зимой? Новый пилотный проект

  Как эффективно использовать отопление зимой и минимизировать потери в многоквартирном доме? Как есть энергосберегающие технологии на рынке? Этот вопрос подтолкнул АО «Астана Innovations» совместно с акиматом г. Нур-Султан и отечественной компание...