Pular para o conteúdo
Home > Crie interfaces de usuário de desktop e celular com aplicativos Blazor Hybrid

Crie interfaces de usuário de desktop e celular com aplicativos Blazor Hybrid

    A dedicação da Microsoft a um mundo multiplataforma é provavelmente uma das maiores mudanças em sua plataforma de crescimento ao longo dos últimos anos. A compra do Xamarin deu início a uma mudança radical que nos trouxe o atual ambiente de crescimento baseado no Visible Studio que traz o GitHub em um final e a plataforma cruzada .NET 6 em outro, com propósitos que são executados em escala em técnicas de Kubernetes em nuvem e em dispositivos móveis.

    Recentemente, observei o crescimento do sucessor das ferramentas de interface do usuário de plataforma cruzada do Xamarin: .NET’s Multiplatform App UI ou MAUI. Associado a isso está outra nova experiência em interface do usuário da Microsoft projetada para levar essas finalidades de Internet em grande escala para seus gadgets e para sua área de trabalho. Construindo no auge da a versátil internet Blazor Estrutura de interface do usuário, Blazor Hybrid combina as duas ciências aplicadas para apresentar a você um meio de construir interfaces de usuário que se estendem por mais de desktop e celular, incluindo suporte para o com controles renderizados nativamente em todas as plataformas.

    Internet moderna e crescimento moderno andam de mãos dadas

    Há muito o que amar nesse método para UIs. Por um lado, ele se baseia no que considero a lição mais importante da última década na Internet: primeiro, precisamos projetar nossas APIs. Isso torna a interface do usuário simplesmente um outro consumidor de API, utilizando REST e JSON para se comunicar com microsserviços. Podemos então ter muitas UIs alternativas trabalhando para o mesmo acabamento, todas usando as mesmas chamadas e tendo o mesmo efeito em nosso serviço. Simplifica o projeto e nos permite dimensionar de forma previsível as arquiteturas de utilitários. Ao mesmo tempo, um conjunto rígido e rápido de APIs significa que os proprietários de serviços podem substituir e melhorar seu código sem afetar os compradores.

    Esse método levou ao surgimento de ideias como o Jamstack, utilizando JavaScript, APIs e marcação para enviar web estática dinâmica sites, simplificando o design e a publicação de utilitários da Internet. O Blazor Hybrid pega essas ideias e as traz para o seu código enquanto pula o navegador e incorpora um piso de renderização ao lado do restante do seu utilitário. Você pode trabalhar offline no local vital, um modelo que se torna muito mais fascinante ao trabalhar com ambientes fechados, como a plataforma educacional Windows 11 SE.

    Blazor Hybrid in MAUI

    h2>

    A assistência MAUI para Blazor Hybrid é uma característica fascinante da nova plataforma; ele o estende além dos compradores padrão de desktop e celular para que você possa compartilhar componentes de experiência pessoal com fins de internet. Do lado online das questões, há a opção de ASP.NET Core para fins de compartilhar código com diferentes tarefas, reduzindo a carga de trabalho do desenvolvedor e permitindo que você desenvolva uma vez e depois envie para todos os seus ambientes de destino. Embora seja improvável que as tarefas do ASP.NET Core façam parte do mesmo desafio que o código MAUI, elas podem fazer parte da mesma resolução e o código pode ser copiado entre as tarefas tão importante.

    Blazor Hybrid está em pré-visualização no momento, mas vale a pena explorar se você deseja prolongar o alcance dos atuais propósitos da Internet do ASP.NET Core. A primeira etapa simples é criar um aplicativo MAUI para hospedar seu código, embora você não esteja restrito a 1 método de interface do usuário .NET, especialmente se você pretende fornecer versões de desktop de propósitos corporativos atuais da Internet para compradores de Windows.< /p>

    Construir um utilitário Blazor Hybrid MAUI é como construir todos os outros utilitários MAUI. O gerenciamento WebView2 baseado em Chromium hospeda seu código nas janelas iniciais. As plataformas Windows não domésticas usam seus próprios hosts de utilitários da Internet para o conteúdo do Blazor. Em observação, isso não deveria ter nenhum ponto, já que o Android usa um navegador Chromium e, embora o Safari hospedado no iOS não tenha todos os recursos do Chrome, ele deve oferecer suporte às partes do Blazor.

    Em Se você organizou o MAUI com precisão no Visible Studio 2022 Preview, precisa descobrir a opção de criar um aplicativo .NET MAUI Blazor. Criar esta resolução cria um novo desafio C# com as dependências de plataforma necessárias para todos os seus ambientes de destino. O desafio cria uma IU principal do Blazor que pode ser executada e, de fato, preparada para variar.

    Ter um scaffolding pré-construído ajuda bastante, porque exibe a melhor maneira de hospedar um BlazorWebView< /a> no XAML do seu utilitário e a melhor maneira de usar o conteúdo do Razor no HTML hospedado. Como a maior parte da lógica da interface do usuário do utilitário pode estar o ASP Código .NET Core Razor hospedado no WebView com quaisquer partes do Blazor, não há muito mais a fazer antes de começar a escrever sua interface do usuário da Internet.

    O valor aqui não será muito no MAUI, pois está operando o código Blazor do lado do cliente. A MAUI fornece um host de plataforma cruzada útil para o seu código Razor e, embora sua experiência em C# funcione corretamente em ambos os lados da divisão do WebView, o mais importante é criar uma página da web Blazor responsiva que pode ser dimensionada para telefones e PCs.</p >

    Blazor Hybrid em Windows Home .NET

    Você não está restrito a MAUI para Blazor Hybrid. Também deve ser um  Carga de trabalho suportada para ferramentas normais de interface do usuário do Windows .NET então você precisa usá-lo em estruturas conhecidas, como base de apresentação do Windows ou tipos de Windows. Como está em pré-visualização, você deve executar um lançamento de pré-visualização do Visible Studio 2022 com as ferramentas de desenvolvimento de desktop .NET instaladas.

    Depois de organizar suas ferramentas, crie um utilitário WPF regular usando .NET 6 ou mais tarde. (Você precisa usar o lançamento de visualização atual do .NET 7 se realmente sentir vontade de estar à margem do crescimento do .NET.) Em seguida, configure o gerenciador de pacote WebView WPF NuGet para hospedar seu código Blazor. Assim que isso for inserido, você poderá começar a codificar, utilizando o Razor SDK para construir os componentes Blazor da interface do usuário do seu aplicativo.

    Isso agora ajuda você a usar partes do Blazor em seu utilitário, utilizando os mesmos métodos que usamos para adicionar HTML e JavaScript às UIs do WebView. Depois de obter a estrutura de um utilitário online, você pode começar a usar a sintaxe Razor do Blazor para adicionar partes e código embutido em seu HTML. Caso você esteja familiarizado com a sintaxe desatualizada pré-.NET ASP, então o Razor pode ser muito familiarizado, utilizando C# embutido em seu HTML junto com as diretivas do Razor para adicionar desempenho aos botões e peças de exibição de carga que podem ser gerenciadas fora de seu código C#.

    Não se esqueça de editar o XAML da sua exibição para configurar um BlazorWebView que use o URL nativo do seu conteúdo como uma página inicial. É melhor então ser capaz de compilar e executar qualquer código Blazor, usando-o para conectar-se a empresas de back-end ou trabalhar com conteúdo nativo, incorporando aplicativos da Internet em seu código .NET.

    É fascinante veja a Microsoft experimentando suas plataformas de interface do usuário dessa maneira. Tendo finalmente entregue um único .NET de plataforma cruzada, esse método – reunindo MAUI com ASP.NET Core – agora é um pouco mais fácil de enviar. Embora ainda seja cedo, certamente há uma promessa aqui e um modelo que prolongaria as IUs ainda mais do que as quatro técnicas de trabalho de desktop e celular mais populares.

    0