Сейчас я хочу вам показать как создать простое приложение для Android используя Node JS и пакет Android JS.
Что такое Android JS?
Android JS - это фреймворк с открытым исходным кодом, разработанный и поддерживаемый на GitHub. Android JS позволяет разрабатывать приложения Android с использованием фронтальных и серверных компонентов, изначально разработанных для веб-приложений: среды выполнения Node.js для бэкэнда и Android Webview для внешнего интерфейса. Платформа Android JS может использоваться для приложений Android с такими технологиями внешнего интерфейса, как JavaScript, HTML и CSS.
Для начала работы на вашем компьютере должен быть установлен Node JS, npm и JDK ≥ 1.8.
Настройка зависимостей и компонентов
Вначале установим сборщик проектов Android JS глобально. В последствии именно этот пакет будем строить приложение.
npm install -g androidjs-builder@2.0.3
Создание приложения
Создадим папку с любым именем, с которым вы хотите, и где вы хотите в которой будет хранится проект. Откроем терминал внутри этой папки.
Рассмотрим создание приложения на примере чата из образцов приложения созданных разработчиком пакета. Готовый проект можно найти по ссылке https://github.com/android-js/sample-app/tree/master/chat-app.
Сперва создадим обычный node js проект вызвав команду.
npm init
Также создадим несколько полезных папок и файлов в нашем приложении.
- файл с именем main.js в родительском каталоге приложения
- файл index.html в views каталоге, это первое представление приложения, которое будет отображаться через веб-просмотрщик
- папку assets для хранения файлов приложения и в ней создадим 4 папки ipc, css, js, icon
В итоге должна получится такая структура.
app
|__ assets
| |__ ipc, css, js, icon
|
|__ views
| |__ index.html
|
|__ main.js
|__ package.json
Такой же структуры советует придерживаться и разработчик пакета.
Скачаем иконку приложения https://github.com/android-js/sample-app/blob/master/chat-app/assets/icon/app3.png и положим его в папку assets\icon.
В файл views\index.html вставим код, чтобы сделать интерфейс приложения.
Скопируйте этот код в ваш main.js файл для обработки данных, поступающих из front процесса (index.html)
Так как Android JS предоставляет среду выполнения Node JS, поэтому мы пишем наши внутренние коды в Node JS.
Поэтому нам требуется androidjs, чтобы получить средства, предоставляемые androidjs.
Также добавим файл assets\ipc\front.js с таким содержанием.
Итак, давайте начнем процесс упаковки.
Перед началом упаковки просто настройте ваше приложение.
- Название приложения
- имя пакета
- икона
- разрешения для Android
- выходной каталог
Ваш package.json файл выглядит примерно так.
Здесь мы определили 1 разрешение. При необходимости можно добавить ещё.
- android.permission.INTERNET для доступа в интернет
За название приложения на устройстве отвечает параметр app-name. За иконку приложения icon. В массиве permission указываются требуемые android разрешения. После сохранения файла установим зависимости.
npm install
Сборка приложения
Давайте начнем упаковку приложения.
Чтобы упаковать ваше приложение, вам просто нужно открыть консоль в каталоге нашего приложения.
ПРИМЕЧАНИЕ: убедитесь, что у вас установлен JDK ≥ 1.8
androidjs b -f
Затем через некоторое время вы найдете подписанный apk внутри папки dist.
Вообще можно перенести любой сайт или веб сервис на android. Также при необходимости можно получить доступ к Wi-Fi и точке доступа устройства, камере и микрофону, уведомлениям, звонкам и контактам, создавать тосты. Также можно настроить DeepLink.
Ссылка на исходный код, который мы используем: https://github.com/android-js/sample-app/tree/master/chat-app
Ссылка на сайт: https://android-js.github.io/
Ссылка на документацию: https://android-js.github.io/androidjs
Ссылка проекта: https://github.com/androids/androidjs/
Если вам понравилось подписывайтесь на канал, ставьте лайки, комментируйте!