Blazor in Microsoft Teams

•Download as PPTX, PDF•

0 likes•2,664 views

How to use ASP.NET Blazor in a Microsoft Teams Tab. Slides to a PnP call, video can be found at https://www.youtube.com/watch?v=gtusCyOYePs

Technology

@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 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”

What's hot

Silverlight Simon Wilkinson

Simon Wilkinson

HTML5 Charting in ASP.NET using RadHtmlChart

Lohith Goudagere Nagaraj

Creating Custom HTML Helpers in ASP.NET MVC

Lohith Goudagere Nagaraj

Weaver Fx Slide Show

Veerendra Nagabhirava

Microsoft WebMatrix Platform Overview

Spiffy

SPUnite17 TypeScript for SharePoint Developers

NCCOMMS

Code Europe - Azure Functions

Joe Raio

MBaaS (Mobile Backend As a Service)

Imam Raza

[Presentation Given to Developer Usergroups - Source code available here https://github.com/redbitdev/RedBit.XamServerless] Are you spending your day in Visual Studio? Are you curious about developing mobile apps for iOS and Android using Xamarin but not sure where to get started? Or interested in how you can leverage serverless computing? Then this session is for you! During this session we will cover high level what is ‘serverless’ computing, how to build native iOS and Android apps using C#, how to share that code across the two platforms and how to connect that Xamarin App to a serverless computing environment. We will work through a sample application built using Xamarin Forms and how to integrate this app with Azure Functions.

Serverless Computing with Azure Functions and Xamarin

Mark Arteaga

Lap Around ASP.NET MVC 5

Lohith Goudagere Nagaraj

Microsoft MVP, Shahriar Hossain shows you how to build your first cross platform app with Xamarin. With Xamarin.Forms, you're able to get maximum code reuse to quickly build fully native apps for Android, iOS, and Windows. In this session learn how to share C# code to define the UI and business logic, enabling you to design your screens, fix bugs, and write your app just once. With Xamarin for Visual Studio, you use the language and IDE you know and love to get to market fast, sharing one codebase across all platforms. This slide also covers basic XAML, so those who don't have any xaml experience could find it useful. Duration(Slide+Demo) : 1hr 30min

Cross platform app dev with xamarin forms

Shahriar Hossain

Visual Studio Code

Kris van der Mast

Intel AppUp Day Bologna

Andrea Balducci

How to ease the learning curve

Jose Javier Columbie

Power BI Day-mvpskill-25082018: Power BI Ecosystem + Embedded & Visualization...

Kumton Suttiraksiri

Java driver for mongo db

Abhay Pai

Application Modernisation - One size does not fit all

Belsoft

Building a scalable infrastructure for social mobile web apps

ngonpham

Build your business portal on office 265 : the social company

Vincent Biret

Basics of Backbone.js

Avishekh Bharati

What's hot (20)

Silverlight Simon Wilkinson

HTML5 Charting in ASP.NET using RadHtmlChart

Creating Custom HTML Helpers in ASP.NET MVC

Weaver Fx Slide Show

Microsoft WebMatrix Platform Overview

SPUnite17 TypeScript for SharePoint Developers

Code Europe - Azure Functions

MBaaS (Mobile Backend As a Service)

Serverless Computing with Azure Functions and Xamarin

Lap Around ASP.NET MVC 5

Cross platform app dev with xamarin forms

Visual Studio Code

Intel AppUp Day Bologna

How to ease the learning curve

Power BI Day-mvpskill-25082018: Power BI Ecosystem + Embedded & Visualization...

Java driver for mongo db

Application Modernisation - One size does not fit all

Building a scalable infrastructure for social mobile web apps

Build your business portal on office 265 : the social company

Basics of Backbone.js

Similar to Blazor in Microsoft Teams

Welcome to Blazor

dark_wisdom

Microsoft teams & bot framework - A developer's perspective

Thomas Gölles

VizEx View HTML5 workshop 2017

Larson Software Technology

BizTalk Server 2016: What's new (por Mariano Robles)

Jorge Millán Cabrera

SPFestDc AZR204 Microsoft Graph and SharePoint Framework under steroids with ...

Vincent Biret

Creating CICS Web Services

HostBridge Technology

ESPC Teams week Microsoft Teams & Bot Framework – a Developer’s Perspective

Thomas Gölles

HostBridge Virtual User Group December 2020

HostBridge Technology

Are you dazzled by all the noises you hear about client-side development? Do the grunts and gulps leave you a little confused? In this session, we’ll talk about the types of things you can do with client-side development, how SharePoint can be used as a service (SPaaS?) and what the popular tool sets are. This are moving fast, so it's guaranteed that between writing this abstract and doing the session, things will have changed. Whether you’re a server-side developer who wants to catch up with the new trends, a power user wanting to flex your muscles in new ways, or an end user who would like to speak more intelligently with IT, this session will provide useful foundation information as well as a guide to where your learning should progress to work with "modern" SharePoint.

SPS Monaco 2017 - The Lay of the Land of Client-Side Development circa 2017

Marc D Anderson

Combine four key technologies to build great solutions for your company or clients. Build client-side web parts using the SharePoint Framework (SPFx) along with the open-source toolchain. The PnP-JS-Core library allows you to do a lot of work against the SharePoint REST API with just a few lines of code - sometimes even a single line of code! ReactJS is a view library that allows you to build lightning-fast user interfaces using a powerful component model. Finally, the Office UI Fabric, available in several forms including React components, allows you to build great-looking solutions that follow the design guidelines for SharePoint and Office Add-ins. Four great technologies in their own right, but in combination they allow you to deliver amazing SharePoint solutions with minimal effort.

D1 - Building Great Client-side Web Parts with SPFx, PnP-JS-Core, ReactJS and...

SPS Paris

SPS Paris: Building great client-side web parts with spfx, pnp-js-core, React...

Bill Ayers

SPUnite17 Building Great Client Side Web Parts with SPFx

NCCOMMS

The new Azure App Service Architecture

João Pedro Martins

BizTalk roadmap and Biztalk 2016 (Sam Vanhoutte @ Codit's BizTalk 2016 Launch)

Codit

In this very hands-on session Glenn, Integration Consultant at Codit, will go through all necessary configuration steps to prepare both SAP and BizTalk to integrate with each other. Glenn will show some of the more important transactions in SAP and explain their specific function. You can expect an overview on how to leverage all the SAP functionalities to the cloud via Service Bus Relay, BizTalk Adapter Services and topping it off with a bit of Micro services.

Hybrid integrationwithsap (Glenn Colpaert @ Integration Monday)

Codit

#SPFestSea azr302 The SharePoint Framework and the #MicrosoftGraph under ster...

Vincent Biret

Xcelsius vs. Design Studio

Iliya Ruvinsky

Getting started in Microservice can be a steep hill to climb, but with Azure Functions we can begin building them within minutes. Azure Functions is a "serverless" computing offering, that allows you to run small bits of JavaScript, C#, Python, PHP, Bash, Batch, and PowerShell that is managed by Azure to scale as needed. In this talk we will cover what are the best applications for Azure Functions, where they fit amongst the many options in cloud computing and go over specific use cases, including building a completely serverless backend for a web application and how it can be used for home automation.

Building microservices with azure functions

Justin Maurer

What's new in Visual Studio for Mac for .NET Developers

Jon Galloway

Relearning SharePoint Development

bgerman

Similar to Blazor in Microsoft Teams (20)

Welcome to Blazor

Microsoft teams & bot framework - A developer's perspective

VizEx View HTML5 workshop 2017

BizTalk Server 2016: What's new (por Mariano Robles)

SPFestDc AZR204 Microsoft Graph and SharePoint Framework under steroids with ...

Creating CICS Web Services

ESPC Teams week Microsoft Teams & Bot Framework – a Developer’s Perspective

HostBridge Virtual User Group December 2020

SPS Monaco 2017 - The Lay of the Land of Client-Side Development circa 2017

D1 - Building Great Client-side Web Parts with SPFx, PnP-JS-Core, ReactJS and...

SPS Paris: Building great client-side web parts with spfx, pnp-js-core, React...

SPUnite17 Building Great Client Side Web Parts with SPFx

The new Azure App Service Architecture

BizTalk roadmap and Biztalk 2016 (Sam Vanhoutte @ Codit's BizTalk 2016 Launch)

Hybrid integrationwithsap (Glenn Colpaert @ Integration Monday)

#SPFestSea azr302 The SharePoint Framework and the #MicrosoftGraph under ster...

Xcelsius vs. Design Studio

Building microservices with azure functions

What's new in Visual Studio for Mac for .NET Developers

Relearning SharePoint Development

More from Thomas Gölles

Blazor + Bot Framework = a Microsoft Teams Platform Dream Team

Thomas Gölles

Many companies had to roll out MS Teams over the last few months in a hurry with little to no time to think about governance and no budget for adoption & change activities. Realization set in later that giving the business users everything was not the best option. Topics like naming conventions, when to use which tool, team creation, external users, mobile device management, and more need to be addressed after all. Join this session to learn how to reign in an ad hoc MS Teams rollout that will make the IT team sleep better at night, the business users feel less overwhelmed, and create sustainability. Or join this session to learn how to plan your upcoming roll out thoroughly to make it a success for everyone during these difficult times. Antje Lamartine & Thomas Gölles

Scottish Summit 2021 The Myth of a successful Teams rollout

Thomas Gölles

MCCCH Dez 2020 Meetup M365CLI Intro

Thomas Gölles

With Microsoft 365, you have a lot of opportunities to extend your solutions for adding even more value. With Azure Cognitive Services, you get a set of APIs you can leverage for adding intelligence as a service with ease to your Microsoft 365 services. Therefore, this session is all about adding the top 5 Cognitive Services to M365 services like SharePoint Online, Microsoft Teams or even Microsoft Forms. This session contains a lot of demos so everyone attending can see what's already possible in that field.

Collab daysbenelux2020 top 5 cognitive services for microsoft 365 - bisser go...

Thomas Gölles

Teams community day april 2020 microsoft teams as app platform thomas goelles

Thomas Gölles

You need to create a new dev or demo tenant but have no idea where to start? Let's change that! There are some basic steps in the beginning of every tenant that just make your life so much easier, for example, enabling MFA for all your admin accounts. And then there are more resourceful things like using the demos available from the SharePoint PnP Provisioning service. If you want to start your next demo/dev tenant fast and easy this session is for you.

SPS Oslo : 10 things you should do with your O365 demo or dev tenant

Thomas Gölles

Microsoft offers multiple services to build a chatbot inside your modern workplace. However, if you start building bots without knowing the ins and outs of each platform, you might hit a wall fast. Join this session to learn what works, and what doesn’t when building a chatbot for Microsoft 365. We cover everything from the Microsoft Bot Framework, Cognitive Services and the Conversational AI Platform to add value to both SharePoint Online and as well as Microsoft Teams.

Thrive 2019 Building intelligent bots for your modern workplace best practic...

Thomas Gölles

"What's the deal with Communication and Teams Sites?", "Should I use Teams or Groups for collaboration?", "Is on-premises dead?" Those questions sound familiar? Then let's talk about the different opportunities on how to orchestrate the core services of Office365 and SharePoint on-premises to deliver an intranet architecture that not only adds value but also drives user adoption. SPFx, PnP and Microsoft Graph build the technology base layer, whereas services like Flow, PowerApps or the Azure Bot Framework take your intranet to a new level. But never forget about the main target: your users must use it on a daily basis. This session gives an overview of the not so techie side, focusing on the tools in the design, architecture and roll-out phase and of course the setup of an ideal intranet project.

Chzech SharePoint Conference - intranets on share point and office365 - the g...

Thomas Gölles

Czech SharePoint Conference 2019 - 10 things you should do with your o365 dem...

Thomas Gölles

Session at the 2019 SharePoint Saturday Belgium. Your workplace is an important topic. However, it's not a tool or service you buy of the shelf. It is an idea. It's your very own concept of teamwork. Microsoft is investing heavily in this area. For example, think of productivity tools like Teams or SharePoint, and their amount of out of the box features ready to use today. But we believe there is even more. By connecting the modern workplace with Microsoft's artificial intelligence ecosystem, we showcase how your concept of teamwork united with smart services opens the door to new use cases. This session introduces services of the Microsoft AI stack customers use in their modern workplace. From information stored in your SharePoint lists to exposing your data warehouse KPIs in a dialogue, think of bots as a tool to break up those silos to surface the essential data in your intranet and collaboration spaces. Our demos leverage the platform capabilities of Teams and SharePoint to demonstrate how to unite Office365 with Bots and Cognitive Services and therefore open up your workplace concept to new ideas of combining Office365 and Azure.

SharePoint Saturday Belgium 2019 Unite your modern workplace with microsofst...

Thomas Gölles

Your workplace is an important topic. However, it's not a tool or service you buy of the shelf. It is an idea. It's your very own concept of teamwork. Microsoft is investing heavily in this area. For example, think of productivity tools like Teams or SharePoint, and their amount of out of the box features ready to use today. But we believe there is even more. By connecting the modern workplace with Microsoft's artificial intelligence ecosystem, we showcase how your concept of teamwork united with smart services opens the door to new use cases. This session introduces services of the Microsoft AI stack customers use in their modern workplace. From information stored in your SharePoint lists to exposing your data warehouse KPIs in a dialogue, think of bots as a tool to break up those silos to surface the essential data in your intranet and collaboration spaces. Our demos leverage the platform capabilities of Teams and SharePoint to demonstrate how to unite Office365 with Bots and Cognitive Services and therefore open up your workplace concept to new ideas of combining Office365 and Azure.

SharePoint Saturday Helsinki 2019 - Unite your Modern Workplace with Microsof...

Thomas Gölles

Microsoft Teams Development - Conversational AI

Thomas Gölles

Communication Sites and the SharePoint Starter Kit

Thomas Gölles

Solvion Trend Werkstatt juni 2019 - Microsoft Teams

Thomas Gölles

While every team is unique, one thing that is consistent is that every team will need a variety of apps and tools to get their work done. Since there is no such thing as a universal tool for work, the extensibility of the Teams platform delivers a universal hub for teamwork to infuse all those tools, together. This session will guide you through the development lifecycle of a chatbot built for Microsoft Teams to enrich your collaboration and communication experience. Basic design guidelines paired with working examples and real-world demos will help you understand the principles of designing conversational AI apps that fit into your hub for teamwork. Expect a lot of ideas, concepts and demos and less code.

SharePoint Saturday Warsaw - Conversational AI applications in Microsoft Teams

Thomas Gölles

SharePoint Saturday Brno 2019 Thomas Goelles - SPFx

Thomas Gölles

SharePoint Saturday Brno 2019 Thomas Goelles

Thomas Gölles

North American Collaboration Summit 2019 Bisser, Gölles

Thomas Gölles

O365 Meetup Seattle March 21st 2019

Thomas Gölles

SharePoint Saturday Bremen - Unite your modern workplace with Microsoft's AI ...

Thomas Gölles

More from Thomas Gölles (20)