1 В избранное 0 Ответвления 0

OSCHINA-MIRROR/mirrors_Tencent-Hippy

Присоединиться к Gitlife
Откройте для себя и примите участие в публичных проектах с открытым исходным кодом с участием более 10 миллионов разработчиков. Приватные репозитории также полностью бесплатны :)
Присоединиться бесплатно
Клонировать/Скачать
Внести вклад в разработку кода
Синхронизировать код
Отмена
Подсказка: Поскольку Git не поддерживает пустые директории, создание директории приведёт к созданию пустого файла .keep.
Loading...
README.md

Hippy Cross Platform Framework

💡 Введение

Hippy — это кроссплатформенный фреймворк для разработки, цель которого — помочь разработчикам писать один раз и запускать на разных платформах (iOS, Android, Web и т. д.). Hippy хорошо подходит веб-разработчикам, особенно тем, кто знаком с React или Vue. С помощью Hippy разработчики могут легко создавать кроссплатформенные приложения.

В настоящее время Hippy применяется в основных приложениях Tencent, таких как Mobile QQ, Mobile QQ Browser, Tencent Video App, QQ Music App и Tencent News, которые охватывают сотни миллионов обычных пользователей.

💯 Преимущества

  • Разработан для веб-разработчиков, официально поддерживает веб-фреймворки, такие как React и Vue.
  • Одинаковые API для разных платформ.
  • Отличная производительность благодаря связи с JS-движком.
  • Встроенные перерабатываемые компоненты с улучшенной производительностью.
  • Плавный и изящный переход к веб-браузеру.
  • Полная поддержка Flex Layout engine.

🔨 Начало работы

Подготовка среды

Убедитесь, что у вас локально установлены git и npm.

Выполните команды git clone https://github.com/Tencent/Hippy.git и npm install в корневом каталоге проекта.

Репозиторий Hippy использует git-lfs для управления файлами so,gz,otf, поэтому сначала убедитесь, что вы установили git-lfs.

Для разработчиков macOS:

  • Xcode с iOS SDK: создайте приложение для iOS.
  • Android Studio с NDK: создайте приложение для Android.
  • Node.JS: запустите скрипты сборки.

Рекомендуется использовать homebrew для установки зависимостей.

Для разработчиков Windows:

  • Android Studio с NDK: создайте приложение для Android.
  • Node.JS: запустите скрипты сборки.

Windows пока не может запустить среду разработки для iOS.

Создайте симулятор iOS с демонстрацией js

Для iOS мы рекомендуем использовать симулятор при первом запуске. Однако вы можете изменить конфигурацию Xcode, чтобы установить приложение на iPhone, если вы являетесь экспертом по iOS.

  1. Перейдите в каталог driver/js/.
  2. Выполните команду npm run init.

    Эта команда объединяет команды npm install && npx lerna bootstrap && npm run build.

    npm install: устанавливает зависимости сценариев сборки проекта.

    npx lerna bootstrap: устанавливает зависимости каждого пакета npm. (Hippy использует Lerna для управления несколькими пакетами js, если команда lerna не найдена, сначала выполните npm install lerna -g.)

    npm run build: создаёт каждый пакет внешнего интерфейса sdk.

  3. Выберите демонстрацию для сборки с помощью команды npm run buildexample [hippy-react-demo|hippy-vue-demo|hippy-vue-next-demo].
  4. Установите CocoaPods с помощью brew install cocoapods, установите cmake с помощью brew install cmake, затем выполните команду pod install в каталоге framework/examples/ios-demo, которая создаст файлы HippyDemo.xcworkspace и установит зависимости Cocoapods.
  5. Запустите Xcode и создайте приложение iOS, открыв framework/examples/ios-demo/HippyDemo.xcworkspace.

Если на шаге 2 возникла ошибка, вы можете перейти в driver/js/examples hippy-react-demo или hippy-vue-demo и выполнить команду npm install, чтобы установить демонстрационную версию. Гиппи: сборка и отладка демонстрационных приложений

  • Сборка приложения для Android с демонстрацией на JavaScript

    • Для разработки приложения на Android рекомендуется использовать настоящий мобильный телефон, поскольку Гиппи использует движок X5 JavaScript, который не поддерживает эмулятор x86, а производительность эмулятора ARM низкая.
    • Перед сборкой приложения убедитесь, что установлены SDK и NDK, и не обновляйте набор инструментов сборки.
      1. Перейдите в каталог driver/js/ с помощью команды cd.
      2. Выполните команду npm run init. Эта команда объединяет npm install, npx lerna bootstrap и npm run build.
        • npm install: устанавливает зависимости сценариев сборки проекта.
        • npx lerna bootstrap: устанавливает зависимости каждого пакета npm. (Гиппи использует Lerna для управления несколькими пакетами JavaScript; если команда lerna не найдена, сначала выполните npm install lerna -g).
        • npm run build: собирает каждый пакет внешнего интерфейса SDK.
      3. Выберите демонстрацию для сборки с помощью npm run buildexample [hippy-react-demo|hippy-vue-demo|hippy-vue-next-demo].
      4. Откройте проект Hippy Project в корневой директории с помощью Android Studio.
      5. Подключите мобильный телефон к компьютеру через USB-кабель и убедитесь, что включён режим отладки по USB (запустите adb devices на терминале компьютера, чтобы проверить подключение мобильного телефона).
      6. Откройте проект в Android Studio, запустите и установите APK.
    • Если при выполнении шага 2 возникает ошибка, вы можете перейти в каталоги driver/js/examples hippy-react-demo, hippy-vue-demo или hippy-vue-next-demo и выполнить npm install для установки зависимостей демонстраций.
    • Если вы столкнулись с проблемой «No toolchains found in the NDK toolchains folder for ABI with prefix: mips64el-linux-android», решение можно найти здесь.
  • Отладка демонстрации на JavaScript

    1. Сначала соберите приложение, следуя инструкциям по сборке iOS-симулятора с демонстрацией JavaScript или сборке приложения для Android с демонстрацией JavaScript.
    2. Перейдите в каталог driver/js/.
    3. Выполните npm run init:example [hippy-react-demo|hippy-vue-demo|hippy-vue-next-demo].
    4. Запустите npm run debugexample [hippy-react-demo|hippy-vue-demo|hippy-vue-next-demo] dev.
    • Или вы можете перейти в каталоги driver/js/examples/hippy-react-demo, driver/js/examples/hippy-vue-demo или driver/js/examples/hippy-vue-next-demo, чтобы запустить npm run hippy:debug и npm run hippy:dev.
    • В режиме отладки примера пакеты npm, такие как @hippy/react, @hippy/vue, @hippy/vue-next, связаны с driver/js/packages > [different package] > dist (не node_modules), поэтому, если вы изменили исходный код пакета JavaScript и хотите, чтобы он вступил в силу в целевом примере, снова вызовите npm run build.
    • Более подробную информацию об отладке можно прочитать в документе по отладке Гиппи.
  • Создание демонстрационного приложения JavaScript для продакшена

    1. Следуйте инструкциям по созданию iOS-симулятора или приложения для Android с демонстрацией JavaScript, чтобы собрать приложение.
    2. Переходите в каталоги driver/js/examples/hippy-react-demo, driver/js/examples/hippy-vue-demo или driver/js/examples/hippy-vue-next-demo.
    3. Установите зависимости демонстрационного JavaScript с помощью npm install.
    4. Последовательно выполните команды npm run hippy:vendor и npm run hippy:build, чтобы создать производственные файлы vendor.[android|ios].js и index.[android|ios].js.
    • Демонстрация Гиппи использует DllPlugin для разделения общего чанка и чанка приложения.

Документация

Ознакомьтесь с примерами Гиппи и посетите hippyjs.org.

Журнал изменений

Подробные изменения для каждой версии выпуска задокументированы в примечаниях к выпуску проекта.

Структура проекта

Hippy
├── devtools ## 🤝 Вклад в проект

Разработчики могут внести свой вклад в открытый исходный код Tencent, и мы также предоставим им стимулы для признания и благодарности. Здесь мы предоставляем официальное описание вклада в открытый исходный код от Tencent. Конкретные правила вклада для каждого проекта формулируются командой проекта. Разработчики могут выбрать подходящий проект и участвовать в соответствии с соответствующими правилами. Комитет по управлению проектами Tencent будет регулярно отчитываться перед квалифицированными участниками, а награды будут выдаваться официальным контактным лицом. Прежде чем отправлять запрос на вытягивание или проблему в Hippy, пожалуйста, обязательно прочтите [Руководство по внесению вклада](https://github.com/Tencent/Hippy/blob/master/.github/CONTRIBUTING.md).

Всех людей, которые уже внесли свой вклад в Hippy можно увидеть в [Участниках](https://github.com/Tencent/Hippy/graphs/contributors) и [Файле авторов](https://github.com/Tencent/Hippy/blob/master/AUTHORS).

## ❤️ Звёзды проекта с течением времени

[![Звёзды проекта с течением времени](https://starchart.cc/Tencent/Hippy.svg)](https://starchart.cc/Tencent/Hippy)

## 📄 Лицензия

Hippy имеет лицензию [Apache-2.0](./LICENSE).

## 🔗 Ссылки

[Экосистема Hippy](https://github.com/hippy-contrib)

[Taitank Layout Engine](https://github.com/Tencent/Taitank)

Комментарии ( 0 )

Вы можете оставить комментарий после Вход в систему

Введение

Hippy — это новый межплатформенный фреймворк, цель которого — позволить разработчикам запускать один и тот же код сразу на трёх платформах (iOS, Android и Web). Развернуть Свернуть
C++ и 6 других языков
MIT
Отмена

Обновления

Пока нет обновлений

Участники

все

Недавние действия

Загрузить больше
Больше нет результатов для загрузки
1
https://api.gitlife.ru/oschina-mirror/mirrors_Tencent-Hippy.git
git@api.gitlife.ru:oschina-mirror/mirrors_Tencent-Hippy.git
oschina-mirror
mirrors_Tencent-Hippy
mirrors_Tencent-Hippy
main