New Blazor Hybrid + .NET MAUI Templates are Incredible! Mobile, Desktop, Web all together!
ฝัง
- เผยแพร่เมื่อ 1 ต.ค. 2024
- Looking to build mobile, desktop, and web apps all with nearly 100% shared web UI? New Blazor Hybrid templates in .NET 9 give you a single click automatically configured project with .NET MAUI, Blazor, and a razor class library all setup! Let's check them out!
.NET 9 Preview 5 release notes: github.com/dot...
Blazor Hybrid Docs: learn.microsof...
Join this channel to get access to perks:
/ @jamesmontemagno
👕 Buy some swag! - jamesmontemagn...
☕️ Buy me a coffee - www.buymeacoff...
Follow:
👨💻 GitHub: github.com/jam...
🦜 Twitter: / jamesmontemagno
📄 Website: www.montemagno...
📰 Newsletter: newsletter.mon...
Disclaimer: This channel, videos, and streams are created in my spare time and are a product of me... James Montemagno! They are NOT officially affiliated or endorsed by Microsoft (my employer) in any way. Opinions and views are my own.
What is on my hat? It is the CLE clothing logo because I am from Cleveland! Checkout their awesome CLE merch: cleclothingco....
What is that art on my wall? It is an original piece from the French street artist Gregos of La Butte Montmartre: / bcez1onhiqx
My Setup:
📷 Canon M50 Mark II - amzn.to/3P8R7lp
💡 Nanoleaf Elements Lights - amzn.to/3umwJVW
🎙 Blue Spark Microphone - amzn.to/3qgtYkq
🎙 Blue Pop Filter - amzn.to/3jEWM3r
🤳 Rode Microphone Arm - amzn.to/2Z68AlE
🎧 Sony MDR7306 Headphones - amzn.to/372jxta
📲 Stream Deck - amzn.to/373Uk1n
🖱 MX Master 2S Mouse - amzn.to/3d7J2gj
⌨️ Tecware Phantom Keyboard - amzn.to/3aUP4y9
Using links I provide I may receive a commission if you buy something which helps support the channel.
#dotnet #dotnetmaui #blazor #aspnetcore #blazorhybrid
Woah, did not rcognise you there for a moment - I briefly met you in Birmingham, UK, many years ago in the early days of Xamarin (I think you were introducing Xam Forms, thinking about it). Now you look like you did back then!
I might be coming back to the mobile scene in the next few months on a project, previously I'd have used Xamarin. I guess it's Maui, possibly Maui Blazor hybrid, because I'd want to leverage WPF and Xamarin experience. Just soaking up the various options right now...
OMG - Looks like this now lets Maui be truly cross-platform useful?? Without web it has been too clunky. So excited! I now know what it feels like to be a Swifty that just found out that She is going back on tour! Been asking/wanting this for years.
Is there a unified template with authentication?
Please allow us to select Blazor WASM Standalone in the Interactive render mode because if we select WebAssembly it creates 4 projects which is pointless if we just need Blazor WASM standalone with no server project. Thx
You can still do this manually, but I agreed that they must and this.
this is so exciting. i asked something similar about this on your q and a stream.
Hi James,
Thanks for this!!
I think there is an issue with this on Mac.
I navigate to an empty folder on my mac. I then run dotnet new maui-blazor-web. Everything builds fine. When I open the solution in Rider and run the MacCatalyst project I get a bunch of errors about paths will result outside the project folder (or something like that). The problem seems to correct itself if you run the web app then try the MacCatalyst app. Sorry I cannot reproduce the exact errors now that it is working.
Great video, I have quick question: if I want to use the Microsoft.Maui library can I do it on the Shared project so it can also be rendered on the web project?
Very nice but it should also include a minimal api and authentication & Authorization. Implementing this in such scenario is very complex.
Not every app needs it and it would be a lot to put into a starter template. There are a lot of nice community ones out there that give some options.
Thanks James! It looks really good!
which one is better using blazor maui server render mode
or webassembly render??
I saw debate in reddit about why thereis no wasm in maui,
and MS engineer said, server render in .net8 better than wasm render,
wasm limited by host to interact with, is this still relevant in dotnet 9
Having an out of the box example of this with Entra External ID would be one way to really move the whole Blazor/Maui ecosystem more towards mainstream. Being able to more easily build consumer apps with the auth and user store easily workable is critical for getting this to scale. Is needed to make things truly compelling, otherwise the alternatives may seem better.
I've installed the .net 9 sdk, i rebooted, none of those templates appear
Thank you, I liked that template 🎉
Almost ready for production, just need Linux support now
Yes, linux support, that is what I crave
okay it's coming together, but this is hybird blazor WEB app right? not maui blazor BINDING template? Is it not official I'm not against hybrid apps but it should translate to xaml shell app . Although I still prefer blazor syntax.
FYI - the Amazon Streak Deck link goes to a Page Not Found, and the Blue Pop filter is currently unavailable
Hi very interesting, I wanted this kind of template long time ago.
Is there a specific reason that we need dotnet 9, or can we import this template in dotnet 8 ?
thanks ;-)
Thank you for another great video, I have a question: now how can we protect a page in a web app
and allow anonymous in MAUI app?
Thanks again
How is my live preview visual Tree not working?!
I managed to develop a Blazor Hybrid app in .NET 7/8, the same architecture. The main difference I wanted was to use normal MAUI tabbed pages in mobile and a different navigation when in web mode. Managed to get that working but still seems a bit hacky, would be interested to see if there was a correct way to that approach.
have an example?
MAUI on mobile works on web view, but it highly vulnerable, suggest or create a new video to show case how to make it secure like native.
what there is vulnerable ?
how using viewbox for MAUI C#
Does rendermode works inside Shared pages?
I love Brazor Hybrid. Thank you
Hi James, it’s very cool! But why use that? Only to reuse code or to do not learn xaml? Thank you very much.
If you are a web developer building apps with .net then this is your go to to reuse skills and code.
xaml is a four-letter word (meaning bad word, lol)
How can i make an apk with maui? i got to create apk just with command dotnet build -f net8.0-android but the apk doesnt work in my physical mobile, it crashes
You need to deploy from VS or you need to actually publish your app and sign it: learn.microsoft.com/en-us/dotnet/maui/android/deployment/?view=net-maui-8.0
@@JamesMontemagno i published Ad hoc , and created several apk files dont know why, what that means? anyways none of them worked in my physical mobile when copy pasted them. Just want to test the app if works, i cant run android emulator
@@JamesMontemagno also signed them, though dont understand why this is needed, what means signed? i just put random data, that doesnt prove that i am a trusted developer. Ad hoc is not just to publish for yourself? what means ad hoc? Anyways apks dont work
What about auth logic for this template?
There wont be for .net 9
But this is a WebView project right ? Or its translated to native code later ?
its web view. just html and css with native access