Что ‎это‏ ‎такое?

Друзья! ‎Эта ‎книга ‎в ‎первую‏ ‎очередь ‎предназначена‏ ‎для‏ ‎новичков, ‎для ‎тех,‏ ‎кто ‎не‏ ‎разбирается ‎в ‎программировании, ‎не‏ ‎умеет‏ ‎кодировать ‎и‏ ‎вообще ‎грубо‏ ‎говоря ‎для ‎чайников. ‎Без ‎лишней‏ ‎воды,‏ ‎кодирования ‎и‏ ‎терминологии. ‎Вы‏ ‎сразу ‎приступаете ‎к ‎созданию ‎мобильного‏ ‎приложения‏ ‎интернет-магазина.‏ ‎Буквально ‎за‏ ‎1-2 ‎дня‏ ‎вы ‎создадите‏ ‎приложение‏ ‎и ‎отправите‏ ‎на ‎публикацию.  ‎Кроме ‎того, ‎вы‏ ‎можете ‎создать‏ ‎не‏ ‎только ‎приложение ‎интернет-магазина,‏ ‎но ‎новостное,‏ ‎маркетплейс, ‎доставка ‎из ‎ресторанов‏ ‎и‏ ‎многое ‎многое‏ ‎другое. ‎У‏ ‎вас ‎будет ‎полностью ‎нативное ‎приложение.‏ ‎Админ‏ ‎панель ‎в‏ ‎виде ‎конструктора‏ ‎приложений. ‎То ‎есть ‎вам ‎не‏ ‎следует‏ ‎разбираться‏ ‎в ‎кодировании‏ ‎и ‎вообще‏ ‎проект ‎в‏ ‎первую‏ ‎очередь ‎для‏ ‎новичков, ‎для ‎тех ‎кто ‎не‏ ‎разбирается ‎в‏ ‎программировании.‏ ‎Все ‎просто, ‎бери‏ ‎и ‎делай.

Вам‏ ‎будут ‎доступны ‎исходники, ‎инструменты‏ ‎для‏ ‎работы ‎и‏ ‎готовые ‎шаблоны‏ ‎приложений. ‎Кроме ‎того ‎вы ‎можете‏ ‎сами‏ ‎собрать ‎свой‏ ‎шаблон ‎приложений‏ ‎при ‎помощи ‎инструментов ‎конструктора ‎путём‏ ‎перетаскивания.

Платформа‏ ‎—‏ ‎Flutter ‎(Кроссплатформенное‏ ‎Android ‎и‏ ‎IOS)

Backend ‎(админ‏ ‎панель)‏ ‎— ‎Wordpress

Для‏ ‎кого ‎это ‎нужно?

Если ‎вам ‎требуется‏ ‎быстро ‎собрать‏ ‎и‏ ‎опубликовать ‎мобильное ‎приложение‏ ‎интернет-магазина ‎для‏ ‎Android ‎и ‎IOS. ‎И‏ ‎не‏ ‎только ‎магазин,‏ ‎а ‎также:

• Интернет‏ ‎— ‎магазин
• Новостное ‎приложение
• Маркетплейс, ‎где ‎продавцы‏ ‎могут‏ ‎добавлять ‎и‏ ‎продавать ‎товары
• Блог
• Ресторан
• Агрегатор‏ ‎ресторанов, ‎доставка ‎еды
• и ‎многое ‎другое.

Всё‏ ‎зависит‏ ‎от‏ ‎ваших ‎фантазий!

Как‏ ‎это ‎работает?

Первым‏ ‎делом ‎вам‏ ‎будут‏ ‎доступны ‎все‏ ‎исходники, ‎как ‎админ ‎панели, ‎так‏ ‎и ‎приложений.‏ ‎Платформа‏ ‎— ‎Flutter. ‎Админ‏ ‎панель ‎на‏ ‎Wordpress. ‎В ‎нем ‎будет‏ ‎доступен‏ ‎сам ‎конструктор‏ ‎приложений, ‎где‏ ‎вы ‎можете ‎собрать ‎свой ‎проект‏ ‎простым‏ ‎перетаскиванием ‎инструментов,‏ ‎добавления ‎изображений,‏ ‎цветов ‎и ‎т. ‎д.

Какие ‎будут‏ ‎расходы?

1. Хостинг‏ ‎или‏ ‎VPS ‎(виртуальный‏ ‎сервер) — 379 руб./месяц
2. Домен ‎- 400 руб./год
3. Google‏ ‎Play — 25$ / единоразово
4. Appstore ‎— 99$ / год
5. RuStore — Бесплатно
6. AppGallery — Бесплатно

VPS‏ ‎(виртуальный‏ ‎сервер ‎я‏ ‎рекомендую ‎приобрести ‎у ‎компании ‎Firstvds. Введите‏ ‎промокод: ‎6481170961‏ ‎и‏ ‎получите ‎25% ‎скидку‏ ‎на ‎первый‏ ‎месяц. ‎Начните ‎с ‎тарифа‏ ‎Старт‏ ‎— ‎379‏ ‎руб./месяц. ‎Потом‏ ‎в ‎дальнейшем ‎можете ‎увеличить ‎тариф‏ ‎безболезненно‏ ‎для ‎вашего‏ ‎проекта. ‎Чем‏ ‎больше ‎нагрузка ‎на ‎сервер ‎тем‏ ‎выше‏ ‎тариф.‏ ‎Но ‎для‏ ‎начала ‎работы‏ ‎этот ‎тариф‏ ‎подойдёт.‏ ‎Выбирайте ‎операционную‏ ‎систему ‎Ubuntu ‎и ‎панель ‎IspManager.‏ ‎Во ‎всяком‏ ‎случае‏ ‎техподдержка ‎вам ‎поможет.

Возьмите‏ ‎домен.

Что ‎касается‏ ‎консолей ‎разработчиков ‎таких ‎как‏ ‎Google‏ ‎Play, ‎Appstore‏ ‎и ‎т.‏ ‎д. ‎они ‎нужны ‎вам ‎для‏ ‎публикации‏ ‎ваших ‎приложений,‏ ‎но ‎они‏ ‎необязательны. ‎Если ‎вы ‎делаете ‎только‏ ‎под‏ ‎Андроид,‏ ‎то ‎можно‏ ‎взять ‎и‏ ‎бесплатный ‎RuStore.‏ ‎Appstore‏ ‎требуется ‎для‏ ‎публикация ‎приложений ‎под ‎IOS. ‎Имейте‏ ‎ввиду, ‎что‏ ‎для‏ ‎Appstore ‎обязательно ‎иметь‏ ‎компьютер ‎мак.‏ ‎Если ‎у ‎вас ‎нет‏ ‎мака‏ ‎то ‎можете‏ ‎воспользоваться ‎облачным‏ ‎решением ‎от ‎Ultahost. Они ‎принимают ‎и‏ ‎российские‏ ‎карты ‎тоже.‏ ‎Вам ‎будет‏ ‎предоставлен ‎облачный ‎мак ‎для ‎работы.‏ ‎Более‏ ‎подробно‏ ‎я ‎опишу‏ ‎работу ‎в‏ ‎уроке.

И ‎напоследок‏ ‎прежде‏ ‎чем ‎приступить.‏ ‎Я ‎хочу ‎поблагодарить ‎всех ‎вас‏ ‎за ‎вклад‏ ‎в‏ ‎развитие ‎этой ‎книги.‏ ‎Ваши ‎донаты‏ ‎бесценны. ‎Я ‎надеюсь, ‎что‏ ‎вы‏ ‎сможете ‎создать‏ ‎лучший ‎проект‏ ‎магазина. ‎Удачи ‎в ‎работе.

Как ‎выглядит‏ ‎конструктор‏ ‎приложений ‎в‏ ‎админ ‎панели:

Как‏ ‎будет ‎выглядеть ‎приложение:

Итак ‎приступаем‏ ‎к ‎работе. ‎Вот, ‎что ‎требуется‏ ‎для ‎начала‏ ‎работы:

• Хостинг/VPS — Промокод:‏ ‎6481170961, ‎25% ‎скидка‏ ‎на ‎первый‏ ‎месяц.
• Домен
• Компьютер/Ноутбук ‎с ‎оперативной ‎памятью‏ ‎от‏ ‎8Gb. ‎Процессор‏ ‎неважен, ‎главное‏ ‎чтобы ‎не ‎совсем ‎прям ‎старый,‏ ‎хотя‏ ‎и ‎на‏ ‎старых ‎будет‏ ‎работать, ‎но ‎всё-таки.
• Установленный ‎Android ‎Studio‏ ‎(Windows/Мак).‏ ‎Если‏ ‎вы ‎будете‏ ‎делать ‎и‏ ‎для ‎android‏ ‎и‏ ‎для ‎ios,‏ ‎то ‎для ‎ios ‎требуется ‎мак.‏ ‎Если ‎ограничиваетесь‏ ‎только‏ ‎приложением ‎android, ‎то‏ ‎мак ‎не‏ ‎обязателен. ‎Если ‎у ‎вас‏ ‎нет‏ ‎мака, ‎но‏ ‎хочется ‎сделать‏ ‎приложение ‎под ‎ios, ‎то ‎советую‏ ‎платформу‏ ‎Ultahost, кстати ‎для‏ ‎жителей ‎России‏ ‎они ‎принимают ‎российские ‎карты ‎тоже.‏ ‎Вам‏ ‎выделят‏ ‎облачный ‎мак.‏ ‎Если ‎у‏ ‎вас ‎есть‏ ‎мак,‏ ‎то ‎учтите,‏ ‎что ‎старые ‎до ‎операционной ‎системы‏ ‎Big ‎Sure‏ ‎не‏ ‎годятся. ‎То ‎есть‏ ‎приложения ‎сделать‏ ‎вы ‎сможете ‎и ‎на‏ ‎старых‏ ‎тоже, ‎но‏ ‎опубликовать ‎не‏ ‎сможете. ‎Ну ‎вот ‎такие ‎Apple‏ ‎монополисты.‏ ‎А ‎вот‏ ‎под ‎Windows‏ ‎для ‎android ‎пожалуйста.
• Android ‎Studio ‎—‏ ‎программное‏ ‎обеспечение.‏ ‎Скачать ‎и‏ ‎установить ‎можно‏ ‎по ‎ссылке‏ ‎>>>
• Xcode‏ ‎— ‎Это‏ ‎только ‎для ‎мак ‎если ‎у‏ ‎вас ‎будет‏ ‎приложение‏ ‎и ‎под ‎ios.‏ ‎Скачивается ‎с‏ ‎Appstore. ‎Просто ‎введите ‎в‏ ‎поиске‏ ‎Xcode.
• Adobe ‎Photoshop‏ ‎— ‎Для‏ ‎создания ‎иконок ‎и ‎другой ‎графики‏ ‎для‏ ‎приложения
• Flutter версии ‎3.24.5.‏ ‎Выберите ‎именно‏ ‎эту ‎версию.

Хостинг/VPS

Почему ‎я ‎советую ‎сервер‏ ‎от‏ ‎Firstvds — во‏ ‎первых ‎это‏ ‎проверено ‎и‏ ‎мои ‎проекты‏ ‎до‏ ‎сих ‎пор‏ ‎там. ‎Это ‎проверенный ‎сервер ‎и‏ ‎главное ‎отзывчивая‏ ‎техподдержка.‏ ‎Крайне ‎не ‎советую‏ ‎reg.ru ‎во‏ ‎первых ‎из-за ‎ну ‎очень‏ ‎плохой‏ ‎техподдержки, ‎отвечают‏ ‎слишком ‎долго.‏ ‎Например ‎средний ‎ответ ‎у ‎меня‏ ‎был‏ ‎от ‎15‏ ‎дней ‎и‏ ‎больше. ‎Во ‎вторых ‎иногда ‎их‏ ‎ддосят.‏ ‎Хотя‏ ‎у ‎них‏ ‎хостинг ‎не‏ ‎плохой ‎и‏ ‎больше‏ ‎я ‎не‏ ‎доволен ‎их ‎техподдержкой. ‎И ‎еще‏ ‎главное ‎у‏ ‎них‏ ‎не ‎работает ‎реферальная‏ ‎система. ‎То‏ ‎есть ‎как ‎бы ‎работает,‏ ‎но‏ ‎у ‎меня‏ ‎например ‎уже‏ ‎два ‎года ‎не ‎могу ‎добиться‏ ‎выплат‏ ‎при ‎рефералов‏ ‎свыше ‎450.‏ ‎Одним ‎словом ‎не ‎советую ‎reg.ru‏ ‎пробле‏ ‎будет‏ ‎много. ‎Другие‏ ‎я ‎еще‏ ‎не ‎проверял.‏ ‎Вам‏ ‎необязательно ‎пользоваться‏ ‎именно ‎Firstvds. ‎Их ‎я ‎просто‏ ‎порекомендовал. ‎Если‏ ‎у‏ ‎вас ‎подписка ‎Профи,‏ ‎то ‎для‏ ‎вас ‎есть ‎индивидуальная ‎техподдержка‏ ‎с‏ ‎моей ‎стороны‏ ‎и ‎я‏ ‎посоветую ‎вам ‎при ‎выборе ‎хостера.

После‏ ‎как‏ ‎выбрали ‎и‏ ‎оплатили, ‎советую‏ ‎начать ‎с ‎тарифа ‎Старт, ‎обязательно‏ ‎подключите‏ ‎панель‏ ‎Isp. ‎При‏ ‎выборе ‎тарифа‏ ‎также ‎выберите‏ ‎панель‏ ‎ISP. ‎Правда‏ ‎эта ‎панель ‎необязательна, ‎но ‎в‏ ‎книге ‎будем‏ ‎приводить‏ ‎примеры ‎с ‎ним.

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

Покупаем ‎хостинг/vps

Хостинг‏ ‎или ‎VPS‏ ‎(Виртуальный ‎сервер) ‎обязателен. ‎Он ‎нужен‏ ‎для‏ ‎хранения ‎ваших‏ ‎файлов ‎и‏ ‎базы. ‎Мы ‎не ‎будем ‎вдаваться‏ ‎в‏ ‎подробности,‏ ‎если ‎вам‏ ‎нужно ‎будет‏ ‎прогуглите ‎и‏ ‎прочти,‏ ‎а ‎тут‏ ‎сразу ‎приступаем ‎к ‎работе. ‎Но‏ ‎грубо ‎говоря‏ ‎место,‏ ‎пространство ‎для ‎ваших‏ ‎файлов ‎в‏ ‎интернете.

Я ‎рекомендую ‎взять ‎сервер‏ ‎на‏ ‎Firstvds ‎тариф‏ ‎Старт ‎для‏ ‎начала. ‎Ссылка: ‎www.firstvds.ru. Промокод ‎на ‎получение‏ ‎25%‏ ‎скидки ‎на‏ ‎первый ‎месяц:‏ ‎6481170961.

1.Зарегистрируйтесь ‎на ‎сайте ‎www.firstvds.ru

2.После ‎регистрации‏ ‎выберите‏ ‎Виртуальные‏ ‎серверы ‎—‏ ‎Готовые ‎серверы‏ ‎— ‎Тариф‏ ‎Старт‏ ‎(379 ‎руб.).‏ ‎Нажмите ‎Добавить ‎в ‎корзину ‎—‏ ‎Перейти ‎в‏ ‎корзину.

3.Примените‏ ‎промокод: ‎6481170961 ‎и‏ ‎получите ‎25%‏ ‎на ‎первый ‎месяц. ‎Затем‏ ‎нажмите‏ ‎на ‎ссылку‏ ‎Настроить ‎тариф.‏ ‎Выберите ‎так ‎как ‎указано ‎на‏ ‎скрине:

У‏ ‎вас ‎должно‏ ‎быть ‎выбрано‏ ‎Операционная ‎система: ‎Ubuntu, ‎Предустановленное ‎ПО‏ ‎—‏ ‎Ispmanager‏ ‎6 ‎lite.

Готово.‏ ‎Можно ‎оплатить.

После‏ ‎оплаты ‎вы‏ ‎получите‏ ‎примерно ‎такое‏ ‎письмо:

Нажмите ‎на ‎ссылку ‎в ‎письме:‏ ‎…Инструкции ‎к‏ ‎серверу‏ ‎в ‎Личном ‎Кабинете‏ ‎и ‎задайте‏ ‎пароль ‎к ‎серверу. ‎Сохраните‏ ‎где-нибудь‏ ‎эти ‎пароли‏ ‎и ‎адреса‏ ‎вашего ‎сервера. ‎Если ‎вам ‎ничего‏ ‎не‏ ‎понятно ‎и‏ ‎вы ‎не‏ ‎знаете ‎где ‎взять ‎адрес ‎сервера‏ ‎то‏ ‎можете‏ ‎просто ‎написать‏ ‎в ‎техподдержку‏ ‎с ‎просьбой‏ ‎дать‏ ‎вам ‎ссылку‏ ‎на ‎ваш ‎Ispmanager. ‎Он ‎будет‏ ‎типа: ‎112.35.86.160:1500. Это‏ ‎есть‏ ‎адрес ‎к ‎вашему‏ ‎серверу, ‎к‏ ‎панели ‎на ‎Ispmanager, ‎где‏ ‎вы‏ ‎можете ‎добавить‏ ‎домен, ‎создать‏ ‎базу, ‎пользователя, ‎управлять ‎и ‎т.‏ ‎д.‏ ‎Но ‎об‏ ‎этом ‎позже.

Итак‏ ‎сервер ‎готов. ‎Возьмите ‎также ‎домен‏ ‎у‏ ‎них.‏ ‎Услуги ‎—‏ ‎Регистрация ‎домена.‏ ‎И ‎прикрепите‏ ‎его‏ ‎в ‎вашем‏ ‎ISPmanager. ‎После ‎как ‎взяли ‎домен,‏ ‎войдите ‎в‏ ‎ваш‏ ‎панель ‎Ispmanager, ‎далее‏ ‎Сайты ‎—‏ ‎Создать ‎сайт. ‎Введите ‎название‏ ‎домена‏ ‎и ‎нажмите‏ ‎Создать. ‎См.‏ ‎скриншот:

Внимание! ‎Домен ‎не ‎сразу ‎прикрепляется‏ ‎к‏ ‎хостингу. ‎Обычно‏ ‎должно ‎пройти‏ ‎время ‎до ‎24 ‎часа. ‎Но‏ ‎бывает‏ ‎намного‏ ‎раньше.

Если ‎вы‏ ‎не ‎смогли‏ ‎разобраться ‎с‏ ‎этим‏ ‎и ‎не‏ ‎можете ‎прикрепить ‎домен ‎к ‎серверу‏ ‎и ‎вообще‏ ‎не‏ ‎знаете ‎как ‎это‏ ‎сделать, ‎просто‏ ‎обратитесь ‎в ‎техподдержку ‎сервере‏ ‎Firstvds‏ ‎и ‎они‏ ‎вам ‎помогут.

Готово!‏ ‎Сервер ‎и ‎домен ‎взят, ‎теперь‏ ‎можно‏ ‎приступить ‎к‏ ‎установкам ‎программ,‏ ‎скачать ‎исходники ‎и ‎собрать ‎свое‏ ‎первое‏ ‎приложение‏ ‎интернет-магазина.

Что ‎должно‏ ‎быть ‎установлено‏ ‎на ‎компьютере?

1. Программа‏ ‎Adobe‏ ‎Photoshop.
2. Android ‎Studio
3. Flutter‏ ‎версии ‎3.24.5
4. Xcode ‎(необязательно ‎если ‎не‏ ‎создаете ‎приложение‏ ‎для‏ ‎ios, ‎требуется ‎мак).‏ ‎Если ‎нет‏ ‎мака, ‎но ‎очень ‎хочется‏ ‎создать‏ ‎под ‎ios,‏ ‎то ‎посмотрите‏ ‎облачное ‎решение ‎мак ‎от ‎компании‏ ‎UltaHost.

Adobe‏ ‎Photoshop ‎рассказывать‏ ‎не ‎буду.‏ ‎В ‎сети ‎есть ‎много ‎информации‏ ‎где‏ ‎и‏ ‎как ‎скачать.

Android‏ ‎Studio.

Перейдите ‎по‏ ‎ссылке ‎Android‏ ‎Studio и‏ ‎скачайте. ‎Установите‏ ‎на ‎компьютер.

Flutter.

Перейдите ‎сюда ‎>>> и ‎скачайте‏ ‎версию ‎3.24.5.‏ ‎Затем‏ ‎создайте ‎папку ‎на‏ ‎диске ‎с:‏ ‎под ‎названием: ‎flutter_3_24_5 ‎и‏ ‎разархивируйте‏ ‎содержимое ‎в‏ ‎ту ‎папку.

Готово!‏ ‎Теперь ‎можно ‎перейте ‎к ‎следующей‏ ‎главе,‏ ‎скачать ‎исходники‏ ‎и ‎установить‏ ‎и ‎настроить ‎админ ‎панель ‎приложения‏ ‎(backend)

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

Поехали…