Blazor in Microsoft Teams

Thomas Gölles
Thomas GöllesHead of Modern Workplace Solutions | Microsoft Office Servers and Services MVP at SOLVION information management GmbH
@thomyg
@stephanbisser
ASP.NET Blazor in a
Microsoft Teams Tab
ABOUT US
THOMAS GÖLLES
MICROSOFT MVP (Office
Dev)
SOLVION
https://thomy.tech
@thomyg
Head of Modern Workplace Solutions
Graz, Austria
STEPHAN BISSER
MICROSOFT MVP (AI)
SOLVION
https://bisser.io
@stephanbisser
Technical Lead
Graz, Austria
What is ASP.NET Blazor?
What is Blazor?
• Interactive web UI with C#
• Composed of reusable UI components
implemented using C#, HTML and CSS
• Yes, another web framework
• A part of ASP.NET (server GA 2019, client May
2020)
• Supported by all major browsers and platforms (IE
through polyfills only)
• A possible migration path for ASP.NET Web Forms
projects
• A way to bring your existing C# business logic to the
web
• Native C# development with JS interop
• Server runs back-end code
• Client is connected through Signal-R
• Server pushes changes to the client
(StateHasChanged)
• Client needs to be online
• Smaller download size
• Better place to store your credentials /
secrets
• Better performance than client side
Blazor
• Using Web Assembly (WASM)
• A mono runtime in your browser runs
DLLs downloaded from the server in a
security sandbox (like JS)
• Offline / PWA
• Larger initial download size
• A little bit slower than server side
Blazor
• Not the perfect place to store your
connection strings
• Runs on an Azure Static Websites
The two versions of Blazor
SERVER CLIENT
What are we trying to solve today?
• Start URL from manifest file
• Authentication (Teams JS SDK, ADAL
JS, Azure AD App)
• Current Teams Context
• Call some Graph Endpoints
• “Blazored PnP Team Roster”
Demo Time!
AUTH with Teams JS SDK and ADAL.JS
Splash Screen
Teams Context
HTTPClient Graph Call
.NET GraphClient Call
Get all apps in a team
Modern PnP Team Roster
Modern PnP Team Roster
Modern PnP Team Roster
Summary
1 of 17

Recommended

What’s right & wrong with WCF-WebHTTP Adapter? by
What’s right & wrong with WCF-WebHTTP Adapter?What’s right & wrong with WCF-WebHTTP Adapter?
What’s right & wrong with WCF-WebHTTP Adapter?BizTalk360
2.1K views31 slides
Building Office 365 solutions with React by
Building Office 365 solutions with ReactBuilding Office 365 solutions with React
Building Office 365 solutions with ReactWaldek Mastykarz
1.8K views12 slides
NextGen Portal for Your Organization by
NextGen Portal for Your OrganizationNextGen Portal for Your Organization
NextGen Portal for Your OrganizationWaldek Mastykarz
1.4K views11 slides
The shift to the edge by
The shift to the edgeThe shift to the edge
The shift to the edgeJakub Wadolowski
116 views32 slides
A Simpler Web App Architecture (jDays 2016) by
A Simpler Web App Architecture (jDays 2016)A Simpler Web App Architecture (jDays 2016)
A Simpler Web App Architecture (jDays 2016)Gustaf Nilsson Kotte
2.2K views40 slides
Mobilizing Your SAP Data with Kendo UI Mobile by
Mobilizing Your SAP Data with Kendo UI MobileMobilizing Your SAP Data with Kendo UI Mobile
Mobilizing Your SAP Data with Kendo UI MobileLohith Goudagere Nagaraj
1.3K views18 slides

More Related Content

What's hot

Silverlight Simon Wilkinson by
Silverlight   Simon WilkinsonSilverlight   Simon Wilkinson
Silverlight Simon WilkinsonSimon Wilkinson
281 views22 slides
HTML5 Charting in ASP.NET using RadHtmlChart by
HTML5 Charting in ASP.NET using RadHtmlChartHTML5 Charting in ASP.NET using RadHtmlChart
HTML5 Charting in ASP.NET using RadHtmlChartLohith Goudagere Nagaraj
4.2K views21 slides
Creating Custom HTML Helpers in ASP.NET MVC by
Creating Custom HTML Helpers in ASP.NET MVCCreating Custom HTML Helpers in ASP.NET MVC
Creating Custom HTML Helpers in ASP.NET MVCLohith Goudagere Nagaraj
2.3K views12 slides
Weaver Fx Slide Show by
Weaver Fx Slide ShowWeaver Fx Slide Show
Weaver Fx Slide ShowVeerendra Nagabhirava
337 views9 slides
Microsoft WebMatrix Platform Overview by
Microsoft WebMatrix Platform OverviewMicrosoft WebMatrix Platform Overview
Microsoft WebMatrix Platform OverviewSpiffy
644 views20 slides
SPUnite17 TypeScript for SharePoint Developers by
SPUnite17 TypeScript for SharePoint DevelopersSPUnite17 TypeScript for SharePoint Developers
SPUnite17 TypeScript for SharePoint DevelopersNCCOMMS
163 views24 slides

What's hot(20)

Microsoft WebMatrix Platform Overview by Spiffy
Microsoft WebMatrix Platform OverviewMicrosoft WebMatrix Platform Overview
Microsoft WebMatrix Platform Overview
Spiffy644 views
SPUnite17 TypeScript for SharePoint Developers by NCCOMMS
SPUnite17 TypeScript for SharePoint DevelopersSPUnite17 TypeScript for SharePoint Developers
SPUnite17 TypeScript for SharePoint Developers
NCCOMMS163 views
Code Europe - Azure Functions by Joe Raio
Code Europe - Azure FunctionsCode Europe - Azure Functions
Code Europe - Azure Functions
Joe Raio329 views
MBaaS (Mobile Backend As a Service) by Imam Raza
MBaaS (Mobile Backend As a Service)MBaaS (Mobile Backend As a Service)
MBaaS (Mobile Backend As a Service)
Imam Raza10.3K views
Serverless Computing with Azure Functions and Xamarin by Mark Arteaga
Serverless Computing with Azure Functions and XamarinServerless Computing with Azure Functions and Xamarin
Serverless Computing with Azure Functions and Xamarin
Mark Arteaga234 views
Cross platform app dev with xamarin forms by Shahriar Hossain
Cross platform app dev with xamarin formsCross platform app dev with xamarin forms
Cross platform app dev with xamarin forms
Shahriar Hossain471 views
Power BI Day-mvpskill-25082018: Power BI Ecosystem + Embedded & Visualization... by Kumton Suttiraksiri
Power BI Day-mvpskill-25082018: Power BI Ecosystem + Embedded & Visualization...Power BI Day-mvpskill-25082018: Power BI Ecosystem + Embedded & Visualization...
Power BI Day-mvpskill-25082018: Power BI Ecosystem + Embedded & Visualization...
Java driver for mongo db by Abhay Pai
Java driver for mongo dbJava driver for mongo db
Java driver for mongo db
Abhay Pai585 views
Application Modernisation - One size does not fit all by Belsoft
Application Modernisation - One size does not fit allApplication Modernisation - One size does not fit all
Application Modernisation - One size does not fit all
Belsoft179 views
Building a scalable infrastructure for social mobile web apps by ngonpham
Building a scalable infrastructure for social mobile web appsBuilding a scalable infrastructure for social mobile web apps
Building a scalable infrastructure for social mobile web apps
ngonpham1.5K views
Build your business portal on office 265 : the social company by Vincent Biret
Build your business portal on office 265 : the social companyBuild your business portal on office 265 : the social company
Build your business portal on office 265 : the social company
Vincent Biret970 views

Similar to Blazor in Microsoft Teams

Welcome to Blazor by
Welcome to BlazorWelcome to Blazor
Welcome to Blazordark_wisdom
34 views34 slides
Microsoft teams & bot framework - A developer's perspective by
Microsoft teams & bot framework - A developer's perspectiveMicrosoft teams & bot framework - A developer's perspective
Microsoft teams & bot framework - A developer's perspectiveThomas Gölles
99 views31 slides
VizEx View HTML5 workshop 2017 by
VizEx View HTML5 workshop 2017VizEx View HTML5 workshop 2017
VizEx View HTML5 workshop 2017Larson Software Technology
261 views21 slides
BizTalk Server 2016: What's new (por Mariano Robles) by
BizTalk Server 2016: What's new (por Mariano Robles)BizTalk Server 2016: What's new (por Mariano Robles)
BizTalk Server 2016: What's new (por Mariano Robles)Jorge Millán Cabrera
633 views17 slides
SPFestDc AZR204 Microsoft Graph and SharePoint Framework under steroids with ... by
SPFestDc AZR204 Microsoft Graph and SharePoint Framework under steroids with ...SPFestDc AZR204 Microsoft Graph and SharePoint Framework under steroids with ...
SPFestDc AZR204 Microsoft Graph and SharePoint Framework under steroids with ...Vincent Biret
263 views53 slides
Creating CICS Web Services by
Creating CICS Web ServicesCreating CICS Web Services
Creating CICS Web ServicesHostBridge Technology
535 views12 slides

Similar to Blazor in Microsoft Teams(20)

Microsoft teams & bot framework - A developer's perspective by Thomas Gölles
Microsoft teams & bot framework - A developer's perspectiveMicrosoft teams & bot framework - A developer's perspective
Microsoft teams & bot framework - A developer's perspective
Thomas Gölles99 views
SPFestDc AZR204 Microsoft Graph and SharePoint Framework under steroids with ... by Vincent Biret
SPFestDc AZR204 Microsoft Graph and SharePoint Framework under steroids with ...SPFestDc AZR204 Microsoft Graph and SharePoint Framework under steroids with ...
SPFestDc AZR204 Microsoft Graph and SharePoint Framework under steroids with ...
Vincent Biret263 views
ESPC Teams week Microsoft Teams & Bot Framework – a Developer’s Perspective by Thomas Gölles
ESPC Teams week Microsoft Teams & Bot Framework – a Developer’s PerspectiveESPC Teams week Microsoft Teams & Bot Framework – a Developer’s Perspective
ESPC Teams week Microsoft Teams & Bot Framework – a Developer’s Perspective
Thomas Gölles55 views
SPS Monaco 2017 - The Lay of the Land of Client-Side Development circa 2017 by Marc D Anderson
SPS Monaco 2017 - The Lay of the Land of Client-Side Development circa 2017SPS Monaco 2017 - The Lay of the Land of Client-Side Development circa 2017
SPS Monaco 2017 - The Lay of the Land of Client-Side Development circa 2017
Marc D Anderson155 views
SPS Paris: Building great client-side web parts with spfx, pnp-js-core, React... by Bill Ayers
SPS Paris: Building great client-side web parts with spfx, pnp-js-core, React...SPS Paris: Building great client-side web parts with spfx, pnp-js-core, React...
SPS Paris: Building great client-side web parts with spfx, pnp-js-core, React...
Bill Ayers148 views
D1 - Building Great Client-side Web Parts with SPFx, PnP-JS-Core, ReactJS and... by SPS Paris
D1 - Building Great Client-side Web Parts with SPFx, PnP-JS-Core, ReactJS and...D1 - Building Great Client-side Web Parts with SPFx, PnP-JS-Core, ReactJS and...
D1 - Building Great Client-side Web Parts with SPFx, PnP-JS-Core, ReactJS and...
SPS Paris635 views
SPUnite17 Building Great Client Side Web Parts with SPFx by NCCOMMS
SPUnite17 Building Great Client Side Web Parts with SPFxSPUnite17 Building Great Client Side Web Parts with SPFx
SPUnite17 Building Great Client Side Web Parts with SPFx
NCCOMMS392 views
BizTalk roadmap and Biztalk 2016 (Sam Vanhoutte @ Codit's BizTalk 2016 Launch) by Codit
BizTalk roadmap and Biztalk 2016 (Sam Vanhoutte @ Codit's BizTalk 2016 Launch)BizTalk roadmap and Biztalk 2016 (Sam Vanhoutte @ Codit's BizTalk 2016 Launch)
BizTalk roadmap and Biztalk 2016 (Sam Vanhoutte @ Codit's BizTalk 2016 Launch)
Codit1.3K views
Hybrid integrationwithsap (Glenn Colpaert @ Integration Monday) by Codit
Hybrid integrationwithsap (Glenn Colpaert @ Integration Monday)Hybrid integrationwithsap (Glenn Colpaert @ Integration Monday)
Hybrid integrationwithsap (Glenn Colpaert @ Integration Monday)
Codit408 views
#SPFestSea azr302 The SharePoint Framework and the #MicrosoftGraph under ster... by Vincent Biret
#SPFestSea azr302 The SharePoint Framework and the #MicrosoftGraph under ster...#SPFestSea azr302 The SharePoint Framework and the #MicrosoftGraph under ster...
#SPFestSea azr302 The SharePoint Framework and the #MicrosoftGraph under ster...
Vincent Biret86 views
Xcelsius vs. Design Studio by Iliya Ruvinsky
Xcelsius vs. Design StudioXcelsius vs. Design Studio
Xcelsius vs. Design Studio
Iliya Ruvinsky7.4K views
Building microservices with azure functions by Justin Maurer
Building microservices with azure functionsBuilding microservices with azure functions
Building microservices with azure functions
Justin Maurer958 views
What's new in Visual Studio for Mac for .NET Developers by Jon Galloway
What's new in Visual Studio for Mac for .NET DevelopersWhat's new in Visual Studio for Mac for .NET Developers
What's new in Visual Studio for Mac for .NET Developers
Jon Galloway123 views
Relearning SharePoint Development by bgerman
Relearning SharePoint DevelopmentRelearning SharePoint Development
Relearning SharePoint Development
bgerman675 views

More from Thomas Gölles

Blazor + Bot Framework = a Microsoft Teams Platform Dream Team by
Blazor + Bot Framework = a Microsoft Teams Platform Dream TeamBlazor + Bot Framework = a Microsoft Teams Platform Dream Team
Blazor + Bot Framework = a Microsoft Teams Platform Dream TeamThomas Gölles
193 views19 slides
Scottish Summit 2021 The Myth of a successful Teams rollout by
Scottish Summit 2021 The Myth of a successful Teams rolloutScottish Summit 2021 The Myth of a successful Teams rollout
Scottish Summit 2021 The Myth of a successful Teams rolloutThomas Gölles
55 views39 slides
MCCCH Dez 2020 Meetup M365CLI Intro by
MCCCH Dez 2020 Meetup M365CLI IntroMCCCH Dez 2020 Meetup M365CLI Intro
MCCCH Dez 2020 Meetup M365CLI IntroThomas Gölles
125 views10 slides
Collab daysbenelux2020 top 5 cognitive services for microsoft 365 - bisser go... by
Collab daysbenelux2020 top 5 cognitive services for microsoft 365 - bisser go...Collab daysbenelux2020 top 5 cognitive services for microsoft 365 - bisser go...
Collab daysbenelux2020 top 5 cognitive services for microsoft 365 - bisser go...Thomas Gölles
105 views27 slides
Teams community day april 2020 microsoft teams as app platform thomas goelles by
Teams community day april 2020 microsoft teams as app platform   thomas goellesTeams community day april 2020 microsoft teams as app platform   thomas goelles
Teams community day april 2020 microsoft teams as app platform thomas goellesThomas Gölles
276 views44 slides
SPS Oslo : 10 things you should do with your O365 demo or dev tenant by
SPS Oslo : 10 things you should do with your O365 demo or dev tenant SPS Oslo : 10 things you should do with your O365 demo or dev tenant
SPS Oslo : 10 things you should do with your O365 demo or dev tenant Thomas Gölles
69 views48 slides

More from Thomas Gölles(20)

Blazor + Bot Framework = a Microsoft Teams Platform Dream Team by Thomas Gölles
Blazor + Bot Framework = a Microsoft Teams Platform Dream TeamBlazor + Bot Framework = a Microsoft Teams Platform Dream Team
Blazor + Bot Framework = a Microsoft Teams Platform Dream Team
Thomas Gölles193 views
Scottish Summit 2021 The Myth of a successful Teams rollout by Thomas Gölles
Scottish Summit 2021 The Myth of a successful Teams rolloutScottish Summit 2021 The Myth of a successful Teams rollout
Scottish Summit 2021 The Myth of a successful Teams rollout
Thomas Gölles55 views
MCCCH Dez 2020 Meetup M365CLI Intro by Thomas Gölles
MCCCH Dez 2020 Meetup M365CLI IntroMCCCH Dez 2020 Meetup M365CLI Intro
MCCCH Dez 2020 Meetup M365CLI Intro
Thomas Gölles125 views
Collab daysbenelux2020 top 5 cognitive services for microsoft 365 - bisser go... by Thomas Gölles
Collab daysbenelux2020 top 5 cognitive services for microsoft 365 - bisser go...Collab daysbenelux2020 top 5 cognitive services for microsoft 365 - bisser go...
Collab daysbenelux2020 top 5 cognitive services for microsoft 365 - bisser go...
Thomas Gölles105 views
Teams community day april 2020 microsoft teams as app platform thomas goelles by Thomas Gölles
Teams community day april 2020 microsoft teams as app platform   thomas goellesTeams community day april 2020 microsoft teams as app platform   thomas goelles
Teams community day april 2020 microsoft teams as app platform thomas goelles
Thomas Gölles276 views
SPS Oslo : 10 things you should do with your O365 demo or dev tenant by Thomas Gölles
SPS Oslo : 10 things you should do with your O365 demo or dev tenant SPS Oslo : 10 things you should do with your O365 demo or dev tenant
SPS Oslo : 10 things you should do with your O365 demo or dev tenant
Thomas Gölles69 views
Thrive 2019 Building intelligent bots for your modern workplace best practic... by Thomas Gölles
Thrive 2019  Building intelligent bots for your modern workplace best practic...Thrive 2019  Building intelligent bots for your modern workplace best practic...
Thrive 2019 Building intelligent bots for your modern workplace best practic...
Thomas Gölles93 views
Chzech SharePoint Conference - intranets on share point and office365 - the g... by Thomas Gölles
Chzech SharePoint Conference - intranets on share point and office365 - the g...Chzech SharePoint Conference - intranets on share point and office365 - the g...
Chzech SharePoint Conference - intranets on share point and office365 - the g...
Thomas Gölles58 views
Czech SharePoint Conference 2019 - 10 things you should do with your o365 dem... by Thomas Gölles
Czech SharePoint Conference 2019 - 10 things you should do with your o365 dem...Czech SharePoint Conference 2019 - 10 things you should do with your o365 dem...
Czech SharePoint Conference 2019 - 10 things you should do with your o365 dem...
Thomas Gölles93 views
SharePoint Saturday Belgium 2019 Unite your modern workplace with microsofst... by Thomas Gölles
SharePoint Saturday Belgium 2019  Unite your modern workplace with microsofst...SharePoint Saturday Belgium 2019  Unite your modern workplace with microsofst...
SharePoint Saturday Belgium 2019 Unite your modern workplace with microsofst...
Thomas Gölles161 views
SharePoint Saturday Helsinki 2019 - Unite your Modern Workplace with Microsof... by Thomas Gölles
SharePoint Saturday Helsinki 2019 - Unite your Modern Workplace with Microsof...SharePoint Saturday Helsinki 2019 - Unite your Modern Workplace with Microsof...
SharePoint Saturday Helsinki 2019 - Unite your Modern Workplace with Microsof...
Thomas Gölles207 views
Microsoft Teams Development - Conversational AI by Thomas Gölles
Microsoft Teams Development - Conversational AIMicrosoft Teams Development - Conversational AI
Microsoft Teams Development - Conversational AI
Thomas Gölles237 views
Communication Sites and the SharePoint Starter Kit by Thomas Gölles
Communication Sites and the SharePoint Starter KitCommunication Sites and the SharePoint Starter Kit
Communication Sites and the SharePoint Starter Kit
Thomas Gölles77 views
Solvion Trend Werkstatt juni 2019 - Microsoft Teams by Thomas Gölles
Solvion Trend Werkstatt juni 2019  - Microsoft TeamsSolvion Trend Werkstatt juni 2019  - Microsoft Teams
Solvion Trend Werkstatt juni 2019 - Microsoft Teams
Thomas Gölles264 views
SharePoint Saturday Warsaw - Conversational AI applications in Microsoft Teams by Thomas Gölles
SharePoint Saturday Warsaw - Conversational AI applications in Microsoft TeamsSharePoint Saturday Warsaw - Conversational AI applications in Microsoft Teams
SharePoint Saturday Warsaw - Conversational AI applications in Microsoft Teams
Thomas Gölles334 views
SharePoint Saturday Brno 2019 Thomas Goelles - SPFx by Thomas Gölles
SharePoint Saturday Brno 2019 Thomas Goelles - SPFxSharePoint Saturday Brno 2019 Thomas Goelles - SPFx
SharePoint Saturday Brno 2019 Thomas Goelles - SPFx
Thomas Gölles159 views
SharePoint Saturday Brno 2019 Thomas Goelles by Thomas Gölles
SharePoint Saturday Brno 2019 Thomas GoellesSharePoint Saturday Brno 2019 Thomas Goelles
SharePoint Saturday Brno 2019 Thomas Goelles
Thomas Gölles105 views
North American Collaboration Summit 2019 Bisser, Gölles by Thomas Gölles
North American Collaboration Summit 2019 Bisser, GöllesNorth American Collaboration Summit 2019 Bisser, Gölles
North American Collaboration Summit 2019 Bisser, Gölles
Thomas Gölles216 views
O365 Meetup Seattle March 21st 2019 by Thomas Gölles
O365 Meetup Seattle March 21st 2019O365 Meetup Seattle March 21st 2019
O365 Meetup Seattle March 21st 2019
Thomas Gölles146 views
SharePoint Saturday Bremen - Unite your modern workplace with Microsoft's AI ... by Thomas Gölles
SharePoint Saturday Bremen - Unite your modern workplace with Microsoft's AI ...SharePoint Saturday Bremen - Unite your modern workplace with Microsoft's AI ...
SharePoint Saturday Bremen - Unite your modern workplace with Microsoft's AI ...
Thomas Gölles238 views

Recently uploaded

Samsung: CMM-H Tiered Memory Solution with Built-in DRAM by
Samsung: CMM-H Tiered Memory Solution with Built-in DRAMSamsung: CMM-H Tiered Memory Solution with Built-in DRAM
Samsung: CMM-H Tiered Memory Solution with Built-in DRAMCXL Forum
105 views7 slides
Spesifikasi Lengkap ASUS Vivobook Go 14 by
Spesifikasi Lengkap ASUS Vivobook Go 14Spesifikasi Lengkap ASUS Vivobook Go 14
Spesifikasi Lengkap ASUS Vivobook Go 14Dot Semarang
35 views1 slide
"Quality Assurance: Achieving Excellence in startup without a Dedicated QA", ... by
"Quality Assurance: Achieving Excellence in startup without a Dedicated QA", ..."Quality Assurance: Achieving Excellence in startup without a Dedicated QA", ...
"Quality Assurance: Achieving Excellence in startup without a Dedicated QA", ...Fwdays
33 views39 slides
Future of Learning - Khoong Chan Meng by
Future of Learning - Khoong Chan MengFuture of Learning - Khoong Chan Meng
Future of Learning - Khoong Chan MengNUS-ISS
31 views7 slides
GigaIO: The March of Composability Onward to Memory with CXL by
GigaIO: The March of Composability Onward to Memory with CXLGigaIO: The March of Composability Onward to Memory with CXL
GigaIO: The March of Composability Onward to Memory with CXLCXL Forum
126 views12 slides
Beyond the Hype: What Generative AI Means for the Future of Work - Damien Cum... by
Beyond the Hype: What Generative AI Means for the Future of Work - Damien Cum...Beyond the Hype: What Generative AI Means for the Future of Work - Damien Cum...
Beyond the Hype: What Generative AI Means for the Future of Work - Damien Cum...NUS-ISS
28 views35 slides

Recently uploaded(20)

Samsung: CMM-H Tiered Memory Solution with Built-in DRAM by CXL Forum
Samsung: CMM-H Tiered Memory Solution with Built-in DRAMSamsung: CMM-H Tiered Memory Solution with Built-in DRAM
Samsung: CMM-H Tiered Memory Solution with Built-in DRAM
CXL Forum105 views
Spesifikasi Lengkap ASUS Vivobook Go 14 by Dot Semarang
Spesifikasi Lengkap ASUS Vivobook Go 14Spesifikasi Lengkap ASUS Vivobook Go 14
Spesifikasi Lengkap ASUS Vivobook Go 14
Dot Semarang35 views
"Quality Assurance: Achieving Excellence in startup without a Dedicated QA", ... by Fwdays
"Quality Assurance: Achieving Excellence in startup without a Dedicated QA", ..."Quality Assurance: Achieving Excellence in startup without a Dedicated QA", ...
"Quality Assurance: Achieving Excellence in startup without a Dedicated QA", ...
Fwdays33 views
Future of Learning - Khoong Chan Meng by NUS-ISS
Future of Learning - Khoong Chan MengFuture of Learning - Khoong Chan Meng
Future of Learning - Khoong Chan Meng
NUS-ISS31 views
GigaIO: The March of Composability Onward to Memory with CXL by CXL Forum
GigaIO: The March of Composability Onward to Memory with CXLGigaIO: The March of Composability Onward to Memory with CXL
GigaIO: The March of Composability Onward to Memory with CXL
CXL Forum126 views
Beyond the Hype: What Generative AI Means for the Future of Work - Damien Cum... by NUS-ISS
Beyond the Hype: What Generative AI Means for the Future of Work - Damien Cum...Beyond the Hype: What Generative AI Means for the Future of Work - Damien Cum...
Beyond the Hype: What Generative AI Means for the Future of Work - Damien Cum...
NUS-ISS28 views
Five Things You SHOULD Know About Postman by Postman
Five Things You SHOULD Know About PostmanFive Things You SHOULD Know About Postman
Five Things You SHOULD Know About Postman
Postman25 views
Astera Labs: Intelligent Connectivity for Cloud and AI Infrastructure by CXL Forum
Astera Labs:  Intelligent Connectivity for Cloud and AI InfrastructureAstera Labs:  Intelligent Connectivity for Cloud and AI Infrastructure
Astera Labs: Intelligent Connectivity for Cloud and AI Infrastructure
CXL Forum125 views
Business Analyst Series 2023 - Week 3 Session 5 by DianaGray10
Business Analyst Series 2023 -  Week 3 Session 5Business Analyst Series 2023 -  Week 3 Session 5
Business Analyst Series 2023 - Week 3 Session 5
DianaGray10165 views
[2023] Putting the R! in R&D.pdf by Eleanor McHugh
[2023] Putting the R! in R&D.pdf[2023] Putting the R! in R&D.pdf
[2023] Putting the R! in R&D.pdf
Eleanor McHugh38 views
Webinar : Competing for tomorrow’s leaders – How MENA insurers can win the wa... by The Digital Insurer
Webinar : Competing for tomorrow’s leaders – How MENA insurers can win the wa...Webinar : Competing for tomorrow’s leaders – How MENA insurers can win the wa...
Webinar : Competing for tomorrow’s leaders – How MENA insurers can win the wa...
CXL at OCP by CXL Forum
CXL at OCPCXL at OCP
CXL at OCP
CXL Forum208 views
PharoJS - Zürich Smalltalk Group Meetup November 2023 by Noury Bouraqadi
PharoJS - Zürich Smalltalk Group Meetup November 2023PharoJS - Zürich Smalltalk Group Meetup November 2023
PharoJS - Zürich Smalltalk Group Meetup November 2023
Noury Bouraqadi113 views
How to reduce cold starts for Java Serverless applications in AWS at JCON Wor... by Vadym Kazulkin
How to reduce cold starts for Java Serverless applications in AWS at JCON Wor...How to reduce cold starts for Java Serverless applications in AWS at JCON Wor...
How to reduce cold starts for Java Serverless applications in AWS at JCON Wor...
Vadym Kazulkin70 views
.conf Go 2023 - Data analysis as a routine by Splunk
.conf Go 2023 - Data analysis as a routine.conf Go 2023 - Data analysis as a routine
.conf Go 2023 - Data analysis as a routine
Splunk90 views
AMD: 4th Generation EPYC CXL Demo by CXL Forum
AMD: 4th Generation EPYC CXL DemoAMD: 4th Generation EPYC CXL Demo
AMD: 4th Generation EPYC CXL Demo
CXL Forum126 views
Micron CXL product and architecture update by CXL Forum
Micron CXL product and architecture updateMicron CXL product and architecture update
Micron CXL product and architecture update
CXL Forum27 views
Transcript: The Details of Description Techniques tips and tangents on altern... by BookNet Canada
Transcript: The Details of Description Techniques tips and tangents on altern...Transcript: The Details of Description Techniques tips and tangents on altern...
Transcript: The Details of Description Techniques tips and tangents on altern...
BookNet Canada119 views
Photowave Presentation Slides - 11.8.23.pptx by CXL Forum
Photowave Presentation Slides - 11.8.23.pptxPhotowave Presentation Slides - 11.8.23.pptx
Photowave Presentation Slides - 11.8.23.pptx
CXL Forum126 views
"AI Startup Growth from Idea to 1M ARR", Oleksandr Uspenskyi by Fwdays
"AI Startup Growth from Idea to 1M ARR", Oleksandr Uspenskyi"AI Startup Growth from Idea to 1M ARR", Oleksandr Uspenskyi
"AI Startup Growth from Idea to 1M ARR", Oleksandr Uspenskyi
Fwdays26 views

Blazor in Microsoft Teams

  • 2. ABOUT US THOMAS GÖLLES MICROSOFT MVP (Office Dev) SOLVION https://thomy.tech @thomyg Head of Modern Workplace Solutions Graz, Austria STEPHAN BISSER MICROSOFT MVP (AI) SOLVION https://bisser.io @stephanbisser Technical Lead Graz, Austria
  • 3. What is ASP.NET Blazor?
  • 4. What is Blazor? • Interactive web UI with C# • Composed of reusable UI components implemented using C#, HTML and CSS • Yes, another web framework • A part of ASP.NET (server GA 2019, client May 2020) • Supported by all major browsers and platforms (IE through polyfills only) • A possible migration path for ASP.NET Web Forms projects • A way to bring your existing C# business logic to the web • Native C# development with JS interop
  • 5. • Server runs back-end code • Client is connected through Signal-R • Server pushes changes to the client (StateHasChanged) • Client needs to be online • Smaller download size • Better place to store your credentials / secrets • Better performance than client side Blazor • Using Web Assembly (WASM) • A mono runtime in your browser runs DLLs downloaded from the server in a security sandbox (like JS) • Offline / PWA • Larger initial download size • A little bit slower than server side Blazor • Not the perfect place to store your connection strings • Runs on an Azure Static Websites The two versions of Blazor SERVER CLIENT
  • 6. What are we trying to solve today? • Start URL from manifest file • Authentication (Teams JS SDK, ADAL JS, Azure AD App) • Current Teams Context • Call some Graph Endpoints • “Blazored PnP Team Roster”
  • 8. AUTH with Teams JS SDK and ADAL.JS
  • 13. Get all apps in a team
  • 14. Modern PnP Team Roster
  • 15. Modern PnP Team Roster
  • 16. Modern PnP Team Roster