Научит вас, как сделать демонстрационный проект системы Huawei Hongmeng (точка зрения JS)

JavaScript

Позиционирование системы

HarmonyOS — это «ориентированная на будущее» распределенная операционная система для всех сценариев (мобильный офис, спортивное здоровье, социальная коммуникация, медиа-развлечения и т. д.). На основе традиционных возможностей системы с одним устройством HarmonyOS предлагает распределенную концепцию, основанную на том же наборе возможностей системы, адаптирующуюся к множеству форм терминалов и поддерживающую несколько терминальных устройств.

  • Для потребителей HarmonyOS может интегрировать возможности различных терминалов в жизненные сценарии, реализовать быстрое соединение, взаимную помощь и совместное использование ресурсов между различными оконечными устройствами, сопоставлять соответствующие устройства и обеспечивать плавный полноценный просмотр.
  • Для разработчиков приложений HarmonyOS использует различные распределенные технологии, поэтому разработка и внедрение приложений не зависят от морфологических различий различных терминальных устройств. Это позволяет разработчикам сосредоточиться на бизнес-логике верхнего уровня и разрабатывать приложения более удобно и эффективно.
  • Для разработчиков устройств HarmonyOS использует компонентную схему проектирования, которую можно гибко адаптировать в соответствии с возможностями ресурсов и бизнес-характеристиками устройства, чтобы удовлетворить требования операционной системы для различных типов терминальных устройств.

Разработка кода HarmonyOS поддерживает несколько языков, включая Java, XML (расширяемый язык разметки), C/C++,JS (JavaScript), CSS (каскадные таблицы стилей) и HML (язык разметки HarmonyOS).

ссылка на видео

https://mos-vod-drcn.dbankcdn.cn/P_VT/video_injection/A91343E9D/v3/9AB0A7921049102362779584128/MP4Mix_H.264_1920x1080_6000_HEAAC1_PVC_NoCut.mp4

Попробуйте HarmonyOS

HUAWEI DevEco Studio

Универсальная распределенная платформа разработки приложений для терминалов Huawei во всех сценариях и на нескольких устройствах, поддерживающая распределенную разработку с несколькими терминалами, распределенный ввод в эксплуатацию с несколькими терминалами, моделирование с несколькими терминалами, а также комплексное обеспечение качества и безопасности.

1. Ссылка для скачивания

https://developer.harmonyos.com/cn/develop/deveco-studio#download

Нажав на ссылку для скачивания, вы перейдете на страницу регистрации учетной записи Huawei. Войдите в свою учетную запись, чтобы зарегистрироваться и авторизоваться.

После авторизации вы будете перенаправлены на страницу загрузки. Выберите подходящую вам систему, скачайте и распакуйте установочный пакет.

2. Конфигурация программного обеспечения

После открытия программного обеспечения отображается следующее окно. Щелкните здесь напрямуюOKВот и все.

Проверьте и нажмитеAgree.

нажмитеNext.

выберитеAcceptи нажмитеNext.

ожидание установкиSDK.

После завершения установки нажмитеFinish.

3. Создайте проект

нажмитеCreate HarmonyOS Project.

выберитеTV, будет выбрано по умолчаниюEmpty Freature Ability(JS). нажмитеNext.

Установите параметры проекта, настройте имя проекта, имя зависимости, путь к проекту, выбор по умолчаниюSDK:API Version 3Вот и все. После настройки нажмитеFinish.

Откройте каталог файлов, как показано ниже. Иногда возникает эта ошибка.java.io.IOException: Cannot run program “node”: error=2, No such file or directory. Вам нужно связать исполняемый файл nodejs с node. существуетTerminalВведите команду под вкладкой:

sudo ln -s "$(which nodejs)" /usr/local/bin/node

выберитеToolsпод вкладкойHVD ManagerВы можете запустить проект предварительного просмотра симулятора.

После нажатия браузер перейдет к окну авторизации. нажмите允许Достаточно.

После разрешения появится следующее окно. нажмитеTVпунктActionsСимвол маленького треугольника ниже будет работать.

Вы увидите следующий экран, указывающий на то, что вы успешно запустили эмулятор.

Окно эмулятора может показаться неудобным внутри редактора, вы можете щелкнуть маленькую шестеренку в правом верхнем углу окна предварительного просмотра. выберитеView ModeвнизWindowвариант.

Внизу есть отдельное окно, в которое удобно смотреть. Здесь следует отметить, что симулятор удаленно подключен к другим серверам, поэтому качество картинки не очень четкое. Также существует ограничение по времени (60 минут) для каждого запуска, и проект необходимо перезапустить, когда время истекло.

Щелкните маленький треугольник, как показано ниже, чтобы запустить проект.

нажмитеOKВот и все.

Появится следующий экран, который доказывает, что эмулятор был успешно запущен.

4. Проекты развития

Смотрите предыдущий привет, мир. Тогда давайте немного попрактикуемся и сделаем Демо. Несколько наших операций находятся вindex.hml,index.css,index.js. работать в этих файлах.

Сначала мы редактируем следующий код в файле index.hml.

<div class="container">
    <text class="filter" for="{{filter in filters}}" tid="{{$idx}}">
        {{filter}}{{title}}
    </text>
    <div class="todo-item" for="{{todo in todos}}" tid="id">
        <input type="checkbox" />
        <text>{{todo.content}}</text>
    </div>
</div>

Затем отредактируйте файл index.js следующим образом.

export default {
    data: {
        title: "demo",
        filters: ["全部", "已完成", "未完成"],
        todos: [{id: 1, content: "待办1"}, {id: 2, content: "待办2"}]
    },
}

Готово, давайте перезапустим проект и посмотрим на симулятор. Нажмите, как показано нижеRun 'entry'Кнопка с логотипом.

нажмитеStop and Rerun.

нажмитеOK.

Как показано на рисунке ниже, операция выполнена успешно.

5. Документация по разработке

Мы видим, что код приведенной выше демонстрации может быть очень знаком тем, кто изучил фреймворки MVVM, такие как апплет WeChat и Vue.js.Вы можете разработать ссылку ниже, чтобы продолжить обучение.

https://developer.harmonyos.com/cn/docs/documentation/doc-references/js-apis-overview-0000001056361791

  • Добро пожаловать, чтобы обратить внимание на мой общедоступный номерДорога к переднему бедствию
  • ключевые слова ответаэлектронная книга, вы можете получить 12 популярных электронных книг.
  • ключевые слова ответаКрасная книга 4-е изданиечтобы получить последнюю электронную книгу «Расширенное программирование на JavaScript» (4-е издание).
  • Подписавшись на официальную учетную запись, нажмите на меню ниже, чтобы добавить меня в WeChat. Я привлек многих крупных ИТ-специалистов и создал группу по техническому обмену и обмену статьями. Я с нетерпением жду вашего присоединения.
Категории