Сначала попробуйте tauri и сравните его с electronic.js

внешний интерфейс JavaScript
Сначала попробуйте tauri и сравните его с electronic.js

«Это третий день моего участия в первом испытании обновлений 2022 года. Подробную информацию о мероприятии см.:Вызов первого обновления 2022 г.".

Что такое Таури?

Tauri — это платформа для создания небольших и быстрых двоичных файлов для всех основных настольных платформ. Разработчики могут интегрировать любую интерфейсную структуру, которая компилируется в HTML, JS и CSS, для создания своего пользовательского интерфейса. Серверная часть приложения представляет собой двоичный файл Rust с API, с которым может взаимодействовать внешний интерфейс.

image.png

В рейтинге звезд 2021 годаtauriС ростом на 18 тысяч за год и пятым местом, нам любопытно, какие преимущества есть у Таури?

Затем я упаковал и протестировал программу hello world с помощью tauri и Electron.JS соответственно, и давайте вместе посмотрим на их размер.

сравнение размера

  • Electron.JS 62.5mb
  • Tauri 4.32mb

TauriВстроенная настольная программа слишком мала, далека от Electron.JS, потому что уступает огромному размеруChromiumядро иnodejs, внешний интерфейс использует операционную системуwebview, серверная часть интегрируетсяRust. Tauri предоставляет шаблоны для инициализаторов, таких как нативный js,react, svelte.js, vue.jsи т.п.

image.png

от MOBILE when?Смотрите этот выпуск, Команда Tauri также прилагает все усилия, чтобы поддержатьAndroid and IOS, Это небольшое ожидание?

Начните с Таури

Поскольку Tauri — это многоязычный набор инструментов, его установка немного сложна.

я на макос

1. Сначала установите компилятор gcc

$ brew install gcc

Homebrew может сначала переключить источник Университета Цинхуа, Сначала вам нужно установить доморощенный, следующая команда — это внутренний адрес установки доморощенного

установить доморощенный

/bin/zsh -c "$(curl -fsSL https://gitee.com/cunkai/HomebrewCN/raw/master/Homebrew.sh)"

2. Убедитесь, что xcode установлен

xcode-select --install

3. Установите среду выполнения Nodejs и инструмент управления пакетами.

Этот шаг был установлен на переднем конце

4. Установите rustc, компилятор языка программирования Rust.

$ curl --proto '=https' --tlsv1.2 -sSf https://sh.rustup.rs | sh

image.png

Затем вы можете использовать официальный инициализатор cli.

yarn create tauri-app

image.png

Затем инициализируйте его в каталоге проекта

yarn tauri init

image.png

Этот шаг очень медленный.Я не знаю, если я не указал внутренний источник ржавчины.Те, кто это знает, могут оставить сообщение в области комментариев. выполнить после завершенияyarn startТак же, как и при разработке программы реагирования, ее можно обновлять в режиме реального времени.

image.png

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

Команда запуска разработки клиента

yarn tauri dev

Элементы также можно проверить, щелкнув правой кнопкой мыши

image.png

Упаковка клиента

yarn tauri build

image.png

По сравнению с Электроном

Мы можем просмотреть и электронное письмо через официальный файл Readme на github.В сравнении

Comparison between Tauri and Electron

подробный Tauri Electron
Размер установочного пакета Linux 3.1 MB 52.1 MB
Потребление памяти Linux 180 MB 462 MB
Время загрузки Linux 0.39s 0.80s
Предоставление услуг интерфейса WRY Chromium
внутренняя привязка Rust Node.js (ECMAScript)
потенциальный двигатель Rust V8 (C/C++)
FLOSS Yes No
Многопоточность Yes Yes
доставка байт-кода Yes No
много окон Yes Yes
автоматическое обновление Yes Yes1
Настроить значки приложений Yes Yes
Windows Binary Yes Yes
MacOS Binary Yes Yes
Linux Binary Yes Yes
iOS Binary Soon No
Android Binary Soon No
Desktop Tray Yes Yes
Sidecar Binaries Yes No

резюме

Эта попытка выполняется только с веб-уровня и не затрагивает серверную часть системы, поэтому вам необходимо изучить некоторые знания, связанные с ржавчиной. Если простая веб-программа упакована, используйтеtauriБудет меньше, если вы знакомы с Node.js API, рекомендуетсяelectron.js,после всегоvscodeТакая большая программаelectron.jsпостроен.

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