OpenSilver#
OpenSilver — это открытый современный фреймворк для разработки веб-приложений, который позволяет использовать XAML и C# для создания интерактивных пользовательских интерфейсов для кросс-платформенного ПО. OpenSilver поддерживает WebAssembly, что позволяет запускать приложение прямо в браузере.
Предварительные шаги#
Для разработки с OpenSilver в Visual Studio Code на Astra Linux Special Edition необходимо установить .NET SDK, так как OpenSilver основан на платформе .NET. Также потребуется установить несколько зависимых пакетов.
Пакет |
Версия |
Репозиторий |
Описание |
|---|---|---|---|
dotnet-sdk-8.0 |
8.0.100-1astra~1.8.0+b2 |
extended |
Комплект разработки ПО на .NET 8.0 |
1.95.3 |
microsoft |
Редактор исходного кода |
|
OpenSilver |
3.1.3 |
microsoft |
Основной пакет для работы с OpenSilver |
Microsoft.AspNetCore.Components.WebAssembly |
8.0.0 |
microsoft |
Пакет для создания настольных приложений |
После установки dotnet8 и VS Code необходимо выполнить следующие команды из терминала:
dotnet new install OpenSilver.Templates
dotnet new opensilverapp -n MyOpenSilverApp
Если проект уже создан, необходимо выполнить следующие команды в папке с проектом:
dotnet add package OpenSilver
dotnet add package Microsoft.AspNetCore.Components.WebAssembly
Примечание
Рекомендуется установить расширение OpenSilver в Visual Studio Code, чтобы обеспечить удобную работу в дизайнере с XAML файлами.
Использование дизайнера OpenSilver 3.1#
OpenSilver 3.1 — это плагин Visual Studio Code, предоставляющий графический инструмент для создания пользовательских интерфейсов в виде XAML файлов посредством перетаскивания виджетов на форму.
Пункт 1#
Установка плагина доступна из VS Code, для этого достаточно на вкладке Extentions ввести «opensilver» и установить доступный пакет.
Примечание
Для Visual Studio Code версии 1.95.3 доступен плагин OpenSilver for VS Code версии 3.1.3
В описании расширения описана инструкция разработки с дизайнером (доступен при создание проекта из шаблонов OpenSilver).
Пункт 2#
Запустить VS Code и создать OpenSilver приложение. Это можно выполнить из окна Welcome или с помощью горячих клавиш Ctrl+Shift+P вызвать палитру команд и ввести «New Project», а затем ввести имя шаблона «OpenSilver».
Пункт 3#
После создания перейти через обозреватель в каталог проекта и открыть файл MainPage.xaml. Затем с помощью горячих клавиш Ctrl+Shift+P вызвать палитру команд и ввести «OpenSilver: Show the Xaml Designer» для открытия окна дизайнера.
Пункт 4#
Для запуска проекта необходимо открыть файл *.sln и через меню выполнить запуск проекта «Run -> Run Without Debugging».
Создание простого веб-приложения с OpenSilver#
Ниже описан пример создания простого веб-приложения, выводящего сообщение на странице браузера. Для настройки и тестирования приложения необходимо выполнить следующие шаги.
Пункт 1#
установить пакет шаблонов проектов OpenSilver:
dotnet new install OpenSilver.Templates
Пункт 2#
создать шаблонный проект:
dotnet new opensilverapp -n MyOpenSilverApp
Выполнение инструкции завершится с ошибкой, поскольку по умолчанию в файле сборки проекта *.csproj указан .Net 9.0. Необходимо заменить его на установленную версию .Net 8.0.
<TargetFramework>net8.0</TargetFramework>
В этом же файле необходимо заменить в секции ItemGroup версии пакетов WebAssembly с «9.0.0» на «8.0.0».
<PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly" Version="8.0.0" />
<PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly.DevServer" Version="8.0.0" PrivateAssets="all" />
Пункт 3#
перейти в каталог созданного проекта и установить необходимые пакеты:
dotnet restore
Пункт 4#
запустить проект, открыв файл *.sln и через меню выполнив запуск проекта «Run -> Run Without Debugging».