January 10, 2024

Разворачиваем приложение на react + js + leo.

Привет! Язык программирования Leo, созданный компанией Aleo очень активно развивается. Напомню, что он был создан для создания приватных приложений. Так вот недавно появилась интеграция leo с Js и python. Для интеграции python требуется MacOS, так что пока я не могу её протестировать. А вот протестировать интеграцию с JS мы можем прямо сейчас. Этим мы и займёмся в данной статье. Для начала переходим на официальный сайт Aleo - aleo.org.

Отсюда переходим в раздел build -> Aleo Docs.

Переходим по ссылке на статью "Create Aleo App"

И начинаем установку по гайду. Первым делом переходим в installation page.

И здесь мы можем скачать Node.js. Я скачаю рекомендованную версию.

Далее открываем установленный файл и производим установку по умолчанию.

Теперь возвращаемся в Git Bash и вводим команду

npm create aleo-app@latest

Имя мы не меняем, просто нажимаем enter.

Здесь мы должны выбрать фреймворк, но почему-то у меня не работаю стрелки, поэтому я просто 2 раза нажимаю enter.

Теперь мы можем дождать выполнения этих команд или ввести их вручную (почему-то у меня автоматически эти команды не выполнились, поэтому я нажал ctrl+c чтобы отменить выполнение). Я ввел:

cd aleo-project
npm install
npm run install-leo
npm run dev

После этого мы получили ссылку, которую можем ввести в браузере.

По сути, мы закончили установку. Здесь мы можем сгенерировать новый кошелек или исполнить программу helloworld. Для этого нажимаем на execute helloworld.leo. Можем нажать f12 чтобы перейти в режим разработчика и открываем консоль. Теперь мы можем отследить выполнение программы.

И по итогу мы получаем следующий результат.

В программе складывается 5 + 5. Чтобы изменить это переходим в корневую папку пользователя, там создалась папка aleo-project. В ней открываем папку src и файл app.jsc

Я открою с помощью Sublime text.

И в 25 строчке кода мы видим эти 2 числа. Мы можем их изменить и развернуть программу заново.

На этом на сегодня всё. Всем пока!