Blazor HyBrid在香橙派(Ubuntu Arm)运行的效果

blazor,hybrid,香橙,ubuntu,arm,运行,效果 · 浏览次数 : 685

小编点评

## Building a .NET application for ARM using Blazor HyBrid on Ubuntu Arm This guide demonstrates how to build and run a .NET application for ARM on the Ubuntu Arm platform using the Blazor HyBrid framework. **Prerequisites:** * **NET Core SDK for .NET 7:** Download the appropriate SDK for your system and architecture: `dotnet-sdk-linux-arm.tar.gz`. * **Masa Linux Desktop:** Download the latest release from the official website: `MasaLinuxDesktop.git`. * **Visual Studio Code:** Install the .NET SDK extension for Visual Studio Code. **Steps:** 1. **Create a new folder for the project:** ```bash mkdir -p /usr/local/dotnet cd /usr/local/dotnet ``` 2. **Extract the SDK and create a soft link:** ```bash sudo tar zxf dotnet-sdk-linux-arm.tar.gz -C /usr/local/dotnet sudo ln -s /usr/local/dotnet/dotnet /usr/local/bin ``` 3. **Check the DotNet version:** ```bash dotnet --version ``` 4. **Run the application:** ```bash dotnet run ``` **Output:** You should see the following output: ``` .NET Core SDK for .NET 7.0.302 Copyright (C) 2021 Microsoft Corporation. All rights reserved. Using NuGet. dotnet: 7.0.302 5. **Connect to the ARM device:** * Follow the on-screen instructions to connect your Ubuntu Arm device. * You should be prompted to grant the required permissions. 6. **Start the application:** ```bash dotnet run ``` **Congratulations! You have successfully created an ARM-based desktop application with Blazor HyBrid.** **Note:** * This guide provides a basic framework for getting started. You can extend it with additional configurations and features. * For further development, refer to the official documentation of Blazor HyBrid and .NET Core. * The provided address `239573049/MasaLinuxDesktop.git` contains the source code for the application.

正文

Blazor HyBrid在香橙派(Ubuntu Arm)运行的效果

  1. 准备香橙派一块!当前教程使用的是香橙派5 4G开发板

  2. 准备.NET环境

    安装.NET Core依赖

    sudo apt install -y libunwind8 libunwind8-dev gettext libicu-dev liblttng-ust-dev libcurl4 libcurl4-openssl-dev libssl-dev uuid-dev unzip libgdiplus libc6-dev libkrb5-3
    
    复制

    下载.NET 7 SDK

    wget https://download.visualstudio.microsoft.com/download/pr/142603ad-0df5-4aef-bdc2-87b6140c90ed/2cce467e6c954d01024942b8370aaf70/dotnet-sdk-7.0.302-linux-arm64.tar.gz -O dotnet-sdk-linux-arm.tar.gz --no-check-certificate
    
    复制

    创建dotnet文件夹并解压

    sudo mkdir -p /usr/local/dotnet && sudo tar zxf dotnet-sdk-linux-arm.tar.gz -C /usr/local/dotnet
    
    复制

    创建软连接

    sudo ln -s /usr/local/dotnet/dotnet /usr/local/bin
    
    复制

    查看版本

    dotnet --version
    
    复制

如果需要使用https请使用

sudo dotnet dev-certs https
复制

准备用于在香橙派运行的程序

一下是一个Masa Blazor可以用于在Arm设备运行的程序

项目开源地址:

239573049/MasaLinuxDesktop (github.com)

然后在香橙派中拉取代码

git clone https://gitee.com/hejiale010426/MasaLinuxDesktop.git
复制

进入到MasaLinuxDesktop\LinuxDesktop目录下

cd MasaLinuxDesktop/LinuxDesktop/
复制

运行项目

dotnet run 
复制

效果图:

就这样非常简单的创建了ARM设备下的桌面应用!并且它也可以操作串口等上位机的操作,然后配合Blazor HyBrid简单的写好看的界面,后期token对于Arm是博客也会大量投入时间研究,还有winform+Blazor HyBrid也会花大量时间研究并且写博客分享经验!也非常欢迎大佬们一块对于Blazor投入研究和时间使用,对于Blazor它的能力是为了统一.NET生态的界面方式,并且从.NET8看到的新功能微软对于Blazor的投入也是巨大的;而且目前Blazor的生态也是非常的好了!据我所知的Blazor组件库不下10个。后面我会使用Blazor HyBridArm设备进行业务尝试,目前打算考虑的是写一个简单的监控设备!

结尾

来自Token的分享

Blazor 技术交流:452761192

好用的组件库:Masa Blazor

与Blazor HyBrid在香橙派(Ubuntu Arm)运行的效果相似的内容:

Blazor HyBrid在香橙派(Ubuntu Arm)运行的效果

# Blazor HyBrid在`香橙派(Ubuntu Arm)`运行的效果 1. 准备香橙派一块!当前教程使用的是香橙派5 4G开发板 ![](https://img2023.cnblogs.com/blog/2415052/202305/2415052-20230522233717127-102

Blazor Hybrid (Blazor混合开发)更好的读取本地图片

在 Blazor Hybrid 应用中,Razor 组件在设备上本机运行。 组件通过本地互操作通道呈现到嵌入式 Web View 控件。 组件不在浏览器中运行,并且不涉及 WebAssembly。 Razor 组件可快速加载和执行代码,组件可通过 .NET 平台完全访问设备的本机功能。 Web Vi

在Winform中一分钟入门使用好看性能还好的Blazor Hybrid

# 在Winform中一分钟入门使用好看性能还好的Blazor Hybrid ## 安装模板 ```shell dotnet new install Masa.Template::1.0.0-rc.2 ``` ## 创建 Winform的Blazor Hybrid项目 ```shell dotnet

Blazor HyBrid 授权讲解

# Blazor HyBrid 授权讲解 本文介绍 ASP.NET Core 对 Blazor Hybrid 应用中的安全配置和管理及 ASP.NET Core Identity 的支持。 Blazor Hybrid 应用中的身份验证由本机平台库处理,因为后者提供了浏览器沙盒无法给予的经过增强的安全

使用Blazor WebAssembly整合PocketBase的基础项目模板

使用Blazor WebAssembly整合PocketBase的基础项目模板 在这篇博客文章中,我们将探讨如何创建一个集成PocketBase的基础Blazor WebAssembly项目。我们将涵盖用户身份验证、注册和密码找回功能。我们的项目使用PocketBaseClient,这是一个动态生成

微软官方开源免费的Blazor UI组件库 - Fluent UI Blazor

前言 今天大姚给大家分享一个由微软官方开源(MIT License)、免费的Blazor UI组件库:Fluent UI Blazor。 全面的ASP.NET Core Blazor简介和快速入门 Fluent UI Blazor介绍 Fluent UI Blazor是一个基于Blazor的组件库,

blazor优雅的方式导入组件相关的js脚本

基本的组件导入方式为: 1 await JsRuntime.InvokeVoidAsync("import", $"XXXXX.js"); 优雅的组件导入方式: 1 await JsRuntime.ImportAsync(); 这种优雅一点不难,只需要写一个扩展方法,把他放在任

【ASP.NET Core】修改Blazor.Server的Hub地址后引发的问题

Blazor Server,即运行在服务器上的 Blazor 应用程序,它的优点是应用程序在首次运行时,客户端不需要下载运行时。但它的代码是在服务器上执行的,然后通过 SignalR 通信来更新客户端的 UI,所以它要求必须建立 Web Socket 连接。 用于 Blazor 应用的 Signal

Blazor实战——Known框架快速开始

Known是基于C#和Blazor开发的前后端分离快速开发框架,开箱即用,跨平台,一处代码,多处运行。 开源地址: https://gitee.com/known/Known ## 1. 安装项目模板并创建新项目 - 打开命令行输入如下命令安装和创建。 ```bash -- 安装模板 dotnet

Blazor实战——Known框架功能配置

本章介绍功能模块菜单、按钮、列表栏位如何配置。 ### 配置菜单模块 - 运行框架,进入“系统管理-模块管理”页面,点击左侧上级模块,点击【新增】按钮 ![输入图片说明](https://foruda.gitee.com/images/1684223573492708502/c0d8e5a8_143