Краткое руководство по началу работы

внешний интерфейс Android NPM Быстрое приложение
Краткое руководство по началу работы

20 марта в отеле China World в районе Чаоян в Пекине десять производителей мобильных телефонов, включая Xiaomi, ZTE, Huawei, Gionee, Lenovo, Meizu, Nubia, OPPO, vivo и OnePlus, совместно провели конференцию по запуску для стандарта быстрых приложений.Это знаменует появление еще одной новой экологии мобильных приложений.

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

Готов к работе

  • Официальная документация по разработке для быстрых приложений : doc.quickapp.cn/(На самом деле, вы можете начать работу с этим документом)
  • Аккуратный Android-телефон(Неважно, если это мобильный телефон из первой десятки производителей, если он может подключить компьютер для передачи файлов и установки APK)
  • компьютер,знаешь.

Шаг 1. Создайте среду

  • Установить Node.js
    • Требуется версия 6.0 или выше, черезnode -vВы можете просмотреть текущую версию, посмотреть, не будет ли она установленаРуководство по установке(Примечание: не используйте версию 8.0!)
  • Установить хап-инструментарий

    • Выполните следующую команду

        npm install -g hap-toolkit

    • Выполнить после установкиhap -V(V следует писать с заглавной буквы), чтобы убедиться, что установка прошла успешно.

Шаг 2. Новый проект

  • Создать инженерный проект

    • Первый компакт-диск в каталоге хранения вашего проекта

    • Выполните команду инициализации проекта (yourProjectName следует заменить именем вашего проекта)

        hap init yourProjectName

  • Установить зависимости npm

    • cd в только что созданную папку проекта и выполните следующую команду

        npm install

Шаг 3. Скомпилируйте проект

  • Посмотреть код проекта

    • Найдите удобную IDE, чтобы открыть только что созданный проект (на данный момент официальной IDE разработки для Quick Apps нет)

    • Каталог проекта выглядит следующим образом

    • Краткое введение (пропустить)

      • src: исходная папка проекта
      • src/manifest.json: файл конфигурации проекта.
      • node_modules: зависимая библиотека классов проекта
      • package.json: файл конфигурации проекта npm.

  • Скомпилируйте проект

    • В папке вашего проекта выполните следующую команду

        npm run build

    • 【Уведомление! ] Большинство первых запусков будут встречаться со следующими ошибками

    • Error: Cannot find module '/Users/***/***/node_modules/hap-tools/webpack.config.js'

    • Не паникуйте, сделайте это один разhap update --forceможно решить, а затем выполнитьnpm run buildСкомпилировать.

    • После успешной компиляции в проекте появятся еще две папки:

    • build: хранить скомпилированные js-файлы и материалы страницы

    • dist: Хранить сжатый файл rpk, созданный путем компиляции и упаковки.Этот rpk является окончательным исполняемым файлом быстрого приложения.Его можно использовать после отправки в маркет (для отправки в маркет требуется релизная версия, которая будет обсуждаться позже).

Шаг 4. Предварительный просмотр реального устройства

  • Ваш телефон должен быть установленБыстрый отладчик приложенийиПредварительный просмотр платформы(После загрузки установите его на телефон с помощью ADB или прямой передачи через USB. Обратите внимание, что оба apk должны быть установлены! Предварительная версия платформы имитирует среду выполнения быстрого приложения.)

  • Установите ранее скомпилированный файл rpk

  • Способ 1: Предварительный просмотр локальной установки

    • Скопируйте файл rpk, скомпилированный в каталоге /dist вашего проекта, в файловую систему мобильного телефона через USB-кабель для передачи данных или другим способом.
    • Откройте «Быстрый отладчик приложений» на своем телефоне, нажмите «Локальная установка» и выберите файл rpk, скопированный перед файловой системой телефона, чтобы просмотреть интерфейс вашего быстрого приложения.

  • Способ 2: отсканируйте код для предварительного просмотра

    • Выполните следующую команду в каталоге проекта, чтобы запустить локальную службу (порт по умолчанию 12306).

        npm run server

    • Если вы столкнулись с конфликтом портов, вы можете выполнитьnpm run server -- --port 8080Пользовательский номер порта (8080 можно настроить)

    • После запуска службы на терминале отобразится локальный адрес службы и соответствующий QR-код.

    • Откройте «Быстрый отладчик приложений» на своем телефоне, нажмите «Установить отсканированный код» и отсканируйте QR-код, чтобы установить быстрое приложение для предварительного просмотра.

    • Если сканирование QR-кода не увенчалось успехом, вы также можете нажать кнопку меню с тремя вертикальными точками в правом верхнем углу и выбрать «Настройки».После входа в интерфейс настроек введите адрес службы вручную, затем вернитесь в основной интерфейс и нажмите Онлайн-обновление. Выполните предварительный просмотр установки.

    • Если установка не удалась, рекомендуется перезапуститьnpm run serverвсе сначала.

    • См. следующий интерфейс, поздравляем, вы открыли дверь в мир приложений~

Вывод: первое сообщение здесь. Я очень оптимистично настроен в отношении модели быстрого приложения. Во все более фрагментированной экологической среде Android непросто сформировать такой стратегический альянс. Тем не менее, текущая основа технической архитектуры и экологическая цепочка приложение Это еще не идеально, ожидайте, что оно будет сиять в будущем!

(PS: Друзья, которые заинтересованы в быстрых приложениях, могут присоединиться к нашей группе WeChat «Группа обмена быстрой разработкой приложений» ~) Ну и группа заполнена, добавьте пожалуйста devislee_lb WeChat и тяните в группу.

Категории