Создаём мобильное веб-приложение для сайта. Часть вторая.

Создаём мобильное  веб-приложение для сайта.  Часть вторая.Во второй части статьи мы продолжим создавать приложение для нашего сайта, но теперь нам понадобиться среда разработки для мобильных приложений от Google – Android studio и JDK.
Последнюю версию Android studio можно взять с официального сайта разработчиков Google, а JDK с оф. сайта компании Oracle. Во время первого запуска Android studio, программа sdk - менеджер попросит Вас скачать или показать местонахождение sdk – платформ Android. Если у Вас уже есть скаченные файлы платформ, то просто укажите место, где вы их сохранили, если нет, то отметьте галочками в окне менеджера, те платформы, которые Вы считаете более приоритетными для вашего приложения и включите загрузку. После того, как все компоненты скачены и установлены, можно приступать непосредственно к компоновке нашего приложения.

Создаём мобильное  веб-приложение для сайта.  Часть вторая.Запускаем Android Studio и кликаем на вторую строку в открывшемся окне. Далее нам нужно будет указать программе, где находиться наш созданный в Cordova проект.

После того, как проект открывается кликаем ОК в открывшемся окне Gradle Sync предлагающему нам обновить Gradle плагин, и после обновления проекта смотрим в левую часть экрана. Здесь в проводнике отображаются все каталоги и файлы проекта и нам нужно открыть файл MainActivity.java, который находится по адресу: app/java/com.ваш_домен/MainActivity.java и открываем его двойным кликом.

В тексте этого файла,  в самом низу находим нужную нам строку

loadUrl(launchUrl); - удаляем её. Вместо неё вставляем следующий код:

super.setIntegerProperty("loadUrlTimeoutValue", 70000);
super.loadUrl("file:///android_asset/www/index.html");

Далее идём в app/assets/index.html и сразу после открытого тега <head> вставляем строку

<meta http-equiv="refresh" content="1;URL=https://ваш_домен" />

(в моём случае <meta http-equiv="refresh" content="1;URL=https://xspectr.com" />)

Затем здесь же ищет теги <title>название вашего приложения</title>
После этого переходим к главному файлу конфигурации проекта app/res/xml/config.xml

<name>Xspectr</name> - Название приложения
<description> Библиотека, Программы, Статьи </description> - описание

<content src="https://xspectr.com" /> - url - вашего ресурса(сайта).
Теперь пришло время сделать для вашего приложения значки. Вы можете создать значок сами в любом графическом редакторе. Если же вы никогда не работали с такими программами, то
на просторах интернета есть множество онлайн ресурсов (например Android Asset Studio), которые сделают это за Вас. Но если Вы всё-таки создали иконку сами, то Вам потребуется иконка размером 1024 х 1024 px для иконок лаунчера и ещё одна иконка размером 170 х 200 px для вашего сплэшскрина (splashscreen) - заставка которая будет отображаться при запуске приложения в формате PNG. Значок 1024х1024 Вам нужно загрузить на этот ресурс, отметить платформу android и нажать "Kapow". Далее кликнуть на Download Zip и распаковать скачанный архив. Затем скопировать все находящиеся там папки и вставить их в папку res Вашего проекта, соглашаясь на замену.  Второй же значок с размером 170 х 200 нужно переименовать в logo.png и поместить в папку app/assets/www/img/ заменив им родной logo Cordova.

Ну вот и всё осталось построить проект (нажать на значок с молоточком) и если всё прошло нормально то переходим Build > Generete Signed Bundle/APK (Генерировать подписанный APK - файл).

Эта статья не претендует на профессиональное исполнение веб-приложения, задача стояла показать, как просто можно самому сделать приложение для своего ресурса. В дальнейшем, если Вам захочется улучшить своё приложение и добавить ему функционала, то здесь Вам поможет раздел нашей библиотеки Android и Java

Поделиться
  • 6
  •  
  •  
  •  
  •  
  • 1

Добавить комментарий