Virtual Hub - Host SharePoint Framework web part as MS Teams messaging extension

Aug 7, 2021Download as pptx, pdf0 likes120 views

This document discusses using the SharePoint Framework (SPFx) to build solutions for Microsoft Teams. SPFx can be used to build Teams tabs, personal apps, and messaging extensions. It provides examples of building a bot, Azure web app, and SPFx web part that work together in Teams. The document demonstrates deploying an SPFx web part as a Teams messaging extension, preparing the package, and deploying it to Teams.

The Virtual Hub
Content, Conversation & Connection
Deep dive technical training for IT Pro’s, Developers, and Champions
https://aka.ms/VirtualHub

Host SharePoint Framework web part as
MS Teams messaging extension

SharePoint Framework in a nutshell
MSDN Definition
SPFx is a page and web part model that provides full support for client-side SharePoint development, easy integration
with SharePoint data, and support for open source tooling
• Open source toolchain
• Node JS, NPM, Yeoman, Gulp, TypeScript
• Choose any JavaScript Framework / Library
• Works on both SharePoint Online and On-premises
• SharePoint Online (GA)
• SharePoint 2019 (v1.4.1)
• SharePoint 2016, Feature Pack 2 (v1.1.0)

Virtual Hub - Host SharePoint Framework web part as MS Teams messaging extension

Microsoft Teams + SPFx
Build Teams Tab with SPFx
SPFx v1.8
Build SPFx based tab solutions
Full Teams context aware
Full support for rich clients
Supported hosts: TeamsTab
SPFx web part as MS Teams messaging extension
SPFx v1.11
Host SPFx web parts as MS Teams messaging
extension
No extra manifest.json based configuration
Build Personal app with SPFx
SPFx v1.10
App with a personal scope
Develop a version of your app that is built for an
individual user.
Supported hosts: TeamsPersonalApp

Planet Explorer
 A Bot
 MS Azure web app
 SPFx web part
 MS Teams

A Bot
Bot Channels Registration
Your own Bot hosted where you want, registered
with the Azure Bot Service. Build, connect, and
manage Bots to interact with your users wherever
they are - from your app or website to Cortana,
Skype, Messenger and many other services.
MS Azure Web App
App Service Web Apps lets you quickly build,
deploy, and scale enterprise-grade web, mobile,
and API apps running on any platform.
yo teams
Create your Microsoft Teams app using the
Microsoft Teams Yeoman generator.

SharePoint Framework Solution
 SPFx v1.11
 Extend the teams manifest in your SPFx solution with a composeExtension
 Responding to user interactions
 Communication with Bot

Deploy SPFx web part as messaging extension
 Prepare SPFx package
 gulp bundle --ship
 gulp package-solution --ship
 Deploy the sppkg to the SharePoint tenant app catalog.
 Zip teams folder and upload to Teams

Demo
Deploy SPFx web part as messaging extension

Viva Connection integration with SharePoint enables a dynamic, engaging, and personalized employee experience for your organization. These innovations power the intelligent workplace, where teams can collaborate and streamline workflows, organizations can engage employees and communicate effectively, and individuals can be more creative and productive with experiences and insights powered by artificial intelligence (AI). In this session we will dive into setting up Viva connections using SharePoint and integrating with Microsoft Teams. We will explore how the Developers can extend Microsoft Viva Connections for building engaging experiences with the widely adopted SharePoint Framework (SPFx).

Microsoft Teams as a Development PlatformDavid Schneider

SharePoint Framework -The future of SharePoint/ Office 365 developer ecosystem. Kushan Lahiru Perera

Improve customer engagement and productivity with conversational aiCodeOps Technologies LLP

Tailwind Traders recent internal employee survey showed their employees are frustrated with lengthy processes for simple actions, such as booking vacation and other company benefits. They want to reduce the friction of reviewing and booking vacation so it’s a simple, easy and pleasant process for their employees. In this session you will see how Tailwind Traders applied Conversational AI best practices to simplify the vacation process for their employees. Using the Bot Framework Composer tooling you can quickly build conversation flows, incorporate intelligence services such as Q&A maker and LUIS, test and deploy your virtual assistant to the cloud and embed it where your customers and employees spend their time.

ESPC Teams week Microsoft Teams & Bot Framework – a Developer’s PerspectiveThomas Gölles

The document discusses Microsoft Teams and the Bot Framework from a developer's perspective. It provides an overview of the Teams platform and capabilities for building bots and tabs. Key points include: - The Teams platform allows for building organizational apps, partner apps, and custom apps using tabs, bots, and other features. - The Bot Framework SDK supports building bots in C#, JavaScript, Python and Java. Bots can integrate with Teams and other channels. - Features like tabs, actions, and task modules allow embedding rich content and collecting user input within Teams. - A demo will showcase using the Bot Framework to build a bot and integrating it with Teams.

Ms teams dev community call march 2018Microsoft 365 Developer

The document summarizes Microsoft Teams capabilities for building line-of-business (LOB) apps, including: - Demos of an example "Contoso HR" app using bots, tabs, messaging extensions, and the Teams app studio. - Guidance on using different Teams features for various app scenarios like sharing group info, coordinating tasks, and personal workspaces. - Overviews of the Microsoft Graph and controls for managing 3rd party app access within Teams.

Microsoft Graph community call - March 6, 2018Microsoft 365 Developer

This document summarizes a Microsoft Graph community call that was held on March 6th, 2018. The call covered introductions to the Microsoft Graph product teams, a technical deep dive on the new Java SDK for Microsoft Graph, and customer stories on how developers are using Microsoft Graph in their applications. Examples discussed included using Microsoft Graph, Azure Functions, and Microsoft Flow to provision Office 365 groups, and using Microsoft Graph to access SharePoint, OneDrive, Outlook, and other Microsoft services from within applications. The document provided an overview of Microsoft Graph and examples of common API calls. It encouraged community contributions and provided links for future calls and questions.

Salesforce Spring 22 Webinarbrightgenss

2 Build Apps for Any Devices With Power AppsKumton Suttiraksiri

Microsoft Graph Community call 2-6-18Microsoft 365 Developer

In this month’s call, we reviewed API changes and examined three focus topics: • Dave Randall from the Intune product team presented an introduction to the newly released Intune APIs available via Microsoft Graph • Martina Grom and Toni Pohl demonstrated Groups orchestration workflows using PowerApps, SharePoint Lists, Azure Functions and Microsoft Graph • Dmitry Pimenov walked through different options for storing custom data in the Microsoft Graph API

Blazor + Bot Framework = a Microsoft Teams Platform Dream TeamThomas Gölles

Sp administration-training-prismThuan Ng

This document provides an overview and introduction to SharePoint 2010 administrator training at a beginner level. It outlines the prerequisites needed to run SharePoint 2010 including the required server operating system, database, and other software. It also describes SharePoint 2010 architecture including server roles, supported browsers, account setup requirements, and the fundamental components of a SharePoint farm such as web applications, site collections, and content databases. Human: Thank you for the summary. Summarize the following document in 3 sentences or less: [DOCUMENT] SharePoint 2010 is a powerful collaboration and content management platform. It allows users to easily share and collaborate on documents, spreadsheets, presentations, and other content. With features for document management

SPVIE - Slidedeck Get started with developing for Microsoft TeamsPaul Keijzers

This document provides an overview of how to develop apps for Microsoft Teams. It discusses standalone web, device, and service apps as well as extensions. It outlines the development process of defining an app manifest, implementing capabilities using Teams SDKs, testing the app, and distributing it. Capabilities covered include tabs, bots, connectors, compose extensions, and using Microsoft Graph. The document also discusses personalizing the Teams experience and managing available third-party apps.

SFDC Lightning DemoSamar Saha

Lightning is Salesforce's platform for building modern user interfaces that are optimized for mobile and desktop. It includes the Lightning Experience interface, apps, and communities. The Lightning Component Framework is a JavaScript framework that allows building reusable UI components to customize Lightning Experience. It uses JavaScript on the client-side and Apex on the server-side. Components are self-contained pieces of UI that can be reused, and interact through events. The Lightning Design System provides style guides and components to build interfaces matching Lightning Experience.

Customizing SharePoint and Microsoft Teams with SharePoint Framework web partsOlli Jääskeläinen

SharePoint Framework web parts provide a powerful and modern way to customize SharePoint and Microsoft Teams. They allow building client-side web parts that can be used in SharePoint pages and Teams tabs. Using Office UI Fabric components ensures web parts have a consistent and polished look and feel. Microsoft provides many resources to help developers get started with building web parts, including documentation, videos, and community support.

Microsoft Office DelveKushan Lahiru Perera

Office Delve is a Microsoft 365 application that surfaces relevant content to users based on their activities and relationships within Office 365 applications like OneDrive, SharePoint, and Yammer. It is powered by Office Graph, which uses machine learning to map connections between users, files, conversations and other content. Delve profiles provide personalized pages that highlight a user's recent documents and activities. The application honors privacy and only shares content users have access to, helping users quickly find information from across Office 365.

Getting Started with SharePoint DevelopmentChakkaradeep Chandran

Microsoft SharePoint provides an extensible platform for .NET developers to create solutions using familiar tools and technologies. It offers many built-in features that developers can extend to build a variety of intranet and internet applications. SharePoint development utilizes common .NET tools and takes advantage of features like workflows, web parts, and lists. Developers must follow best practices like avoiding direct modification of the SharePoint schema and properly disposing of objects.

Chatbot technology- The innovative enterprise collaborationKushan Lahiru Perera

Design and Implement Azure Web AppsAyush Rathi

Powerapps & FlowXpand IT

O365Con18 - Best Practice with Company Video on Microsoft Stream - Michael GrethNCCOMMS

This document provides an overview of Microsoft Stream and its features from a presentation given by Michael Greth. It discusses how Stream can be used to store, search, share, and create business videos. Key features highlighted include intelligent search capabilities, secure sharing across apps like Teams and Yammer, and tools for managing and analyzing video usage. The presentation also provides a roadmap for upcoming Stream features and recommends best practices for creating business videos.

Microsoft Teams Graph APINarasimaPerumal Chandramohan

An In-Depth Look at Office 365Sharepoint360

WPF Unleashed: Building Application with Visual Studio 2008 SP1Dave Bost

Exploring the PowerApps advantageMalin De Silva

Developing apps for share point 2013Usama Wahab Khan Cloud, Data and AI

Chris O'Brien - Ignite 2019 announcements and selected roadmapsChris O'Brien

PL-900 Microsoft Power Platform FundamentalsNanddeep Nachan

The document provides an overview of the PL-900 Microsoft Power Platform Fundamentals exam and the Power Platform. It discusses the different components of the Power Platform including Power Apps, Power Automate, Power BI, Power Virtual Agents, and Common Data Service. It provides examples and demos of building apps with Power Apps, flows with Power Automate, and dashboards with Power BI. The document also discusses Power Virtual Agents and using the On-premises Data Gateway to connect to on-premises data sources.

Bring your SharePoint apps to MS TeamsNanddeep Nachan

This document contains an agenda and details for the "philly.NET Code Camp 2022" event. The agenda includes topics on bringing SharePoint apps to Microsoft Teams like surfacing the SharePoint home site as a Viva Connections app in Teams, building Teams tabs and messaging extensions with SharePoint Framework (SPFx), and using SPFx to build Microsoft Teams meeting apps and Adaptive Card Extensions for Viva Connections. Bios of the two speakers, Nanddeep Nachan and Smita Nachan, are also provided, along with resources and code samples related to the presented topics.

Surfacing SPFx Solutions in SharePoint, MS Teams, and Outlook Add-inJenkins NS

SharePoint Extensibility Build modern SP solutions Full-trust JavaScript based framework running in the main app Use modern auth to integrate with Graph SP add-ins Provider-hosted based via iframes Low-trust, end user acquisition model Distribute via Office Store Teams Platform Build apps to custom tailor your teams Modern embedding via tabs Enhance integrations via bots, messaging extensions, Adaptive cards, and Graph Add communication services, e.g. programmable voice and video Outlook Platform Build Add-ins Build solutions that extend Office applications Bring external data into Office, automate Office documents, expose third-party functionality in Office clients, and more. For example, use Microsoft Graph API to connect to data that drives productivity. Create new rich, interactive objects that can be embedded in Office documents

More Related Content

What's hot (20)

2 Build Apps for Any Devices With Power AppsKumton Suttiraksiri

Microsoft Graph Community call 2-6-18Microsoft 365 Developer

Blazor + Bot Framework = a Microsoft Teams Platform Dream TeamThomas Gölles

Sp administration-training-prismThuan Ng

SPVIE - Slidedeck Get started with developing for Microsoft TeamsPaul Keijzers

SFDC Lightning DemoSamar Saha

Customizing SharePoint and Microsoft Teams with SharePoint Framework web partsOlli Jääskeläinen

Microsoft Office DelveKushan Lahiru Perera

Getting Started with SharePoint DevelopmentChakkaradeep Chandran

Chatbot technology- The innovative enterprise collaborationKushan Lahiru Perera

Design and Implement Azure Web AppsAyush Rathi

Powerapps & FlowXpand IT

O365Con18 - Best Practice with Company Video on Microsoft Stream - Michael GrethNCCOMMS

Microsoft Teams Graph APINarasimaPerumal Chandramohan

An In-Depth Look at Office 365Sharepoint360

WPF Unleashed: Building Application with Visual Studio 2008 SP1Dave Bost

Exploring the PowerApps advantageMalin De Silva

Developing apps for share point 2013Usama Wahab Khan Cloud, Data and AI

Chris O'Brien - Ignite 2019 announcements and selected roadmapsChris O'Brien

PL-900 Microsoft Power Platform FundamentalsNanddeep Nachan

2 Build Apps for Any Devices With Power AppsKumton Suttiraksiri

Microsoft Graph Community call 2-6-18Microsoft 365 Developer

Blazor + Bot Framework = a Microsoft Teams Platform Dream TeamThomas Gölles

Sp administration-training-prismThuan Ng

SPVIE - Slidedeck Get started with developing for Microsoft TeamsPaul Keijzers

SFDC Lightning DemoSamar Saha

Customizing SharePoint and Microsoft Teams with SharePoint Framework web partsOlli Jääskeläinen

Microsoft Office DelveKushan Lahiru Perera

Getting Started with SharePoint DevelopmentChakkaradeep Chandran

Chatbot technology- The innovative enterprise collaborationKushan Lahiru Perera

Design and Implement Azure Web AppsAyush Rathi

Powerapps & FlowXpand IT

O365Con18 - Best Practice with Company Video on Microsoft Stream - Michael GrethNCCOMMS

Microsoft Teams Graph APINarasimaPerumal Chandramohan

An In-Depth Look at Office 365Sharepoint360

WPF Unleashed: Building Application with Visual Studio 2008 SP1Dave Bost

Exploring the PowerApps advantageMalin De Silva

Developing apps for share point 2013Usama Wahab Khan Cloud, Data and AI

Chris O'Brien - Ignite 2019 announcements and selected roadmapsChris O'Brien

PL-900 Microsoft Power Platform FundamentalsNanddeep Nachan

Similar to Virtual Hub - Host SharePoint Framework web part as MS Teams messaging extension (20)

Bring your SharePoint apps to MS TeamsNanddeep Nachan

Surfacing SPFx Solutions in SharePoint, MS Teams, and Outlook Add-inJenkins NS

Convert your Full Trust Solutions to the SharePoint Framework (SPFx) in 1 hourBrian Culver

This is a live walkthrough where we convert a common full trust solution to a SharePoint Framework solution. May the demo Gods be kind to me. Really, we will do it. Does not cover all possible scenarios, but I will show you the general workflow for converting your full trust solutions to SPFx solutions. I show you the proper configuration for your development environment. We walk through building the SPFx solutions and deploying it to Office 365. Lots of DO’s and DON’Ts will be shared. I’ll show you some of my scars too. From this session forward, you will want to hone your skills in modern SharePoint and convert everything to SPFx solutions. Attendee Takeaways: 1. Understand the why, the how, and what make up the SharePoint Framework (SPFx). 2. A live demonstration where we take a common Full Trust Solutions and covert it to the SharePoint Framework (SPFx) in less than 1 hour. 3. I share lots of tips, DO’s and DON’Ts to save you hours and days of your life. Yes, you are welcome :)

Grow your SharePoint development platform with SharePoint FrameworkDipti Chhatrapati

Do you want to open up new opportunities with your customers using SharePoint Framework? Join this session to know what's new and what's coming up in SharePoint Framework and leverage your SharePoint expertise to direct your application roadmap. Hear from us on building a best practice for your SharePoint solutions and get familiar with the development of latest SharePoint framework components with quick demos.

ESPC19 - Supercharge Your Teams Experience with Advanced Development TechniquesSébastien Levert

This document summarizes a presentation on supercharging teams with advanced development techniques in Microsoft Teams. It outlines the agenda which includes tips and tricks, understanding Teams solutions, and using Teams as a development platform. It then dives into details on the extensible platform features in Teams like bots, connectors, apps and deployment, tabs, and more. It also covers understanding a Teams solution like citizen/maker vs pro developer options and the app manifest. The document concludes with demo sections.

Building share point framework solutionsDipti Chhatrapati

Now you know how to get up and running with a SharePoint Framework project, how to get up and running with Microsoft Graph and use it in your SharePoint Framework solutions we will look at integrating with Microsoft Teams. Join this session to understand available assets of SharePoint Framework (SPFx) and what is important for you as SharePoint Developer and Architect in the development area with SharePoint modern portals. In this session, you will know more about extending existing experiences across SharePoint and Teams.

Grow your SharePoint development platform with SPFxDipti Chhatrapati

The document provides an overview of the SharePoint Framework (SPFx) including its evolution, capabilities, and upcoming features. SPFx started as a way to build client-side SharePoint solutions and has expanded to support Microsoft Teams, Office Add-ins, and the Fluid Framework. Version 1.10 will include pre-allocated headers, support for Teams personal apps and mobile, query extensions, and Office add-ins for Outlook Web Access. Future releases will focus on native Fluid support and a unified toolchain for building solutions across Microsoft 365.

Convert your Full Trust Solutions to the SharePoint Framework (SPFx)Brian Culver

This is a live walkthrough where we convert a common full trust solution to a SharePoint Framework solution. May the demo Gods be kind to me. Really, we will do it. Does not cover all possible scenarios, but I will show you the general workflow for converting your full trust solutions to SPFx solutions. I show you the proper configuration for your development environment. We walk through building the SPFx solutions and deploying it to Office 365. Lots of DO’s and DON’Ts will be shared. I’ll show you some of my scars too. From this session forward, you will want to hone your skills in modern SharePoint and convert everything to SPFx solutions. Attendee Takeaways: 1. Understand the why, the how, and what make up the SharePoint Framework (SPFx). 2. Discussion where we compare common Full Trust Solutions and options for converting to the SharePoint Framework (SPFx) in less than 1 hour.

SharePoint Framework SPFxVladimir Medina

Bring together SPFx Solutions in SharePoint and MS TeamsJenkins NS

This document discusses bringing SharePoint Framework (SPFx) solutions into Microsoft Teams. It describes how SPFx solutions can be deployed as tabs in Teams by creating a Teams manifest file. It also covers authentication between Teams and SharePoint and surfacing Teams tabs in SharePoint sites. The presentation includes demos of deploying an existing SPFx solution as a Teams tab and uploading a Teams app to SharePoint.

Build MSTeams Customizations with SPFxKirti Prajapati

This document summarizes a webinar about developing customizations for Microsoft Teams using the SharePoint Framework (SPFx). The webinar will cover how any SPFx web part can be used as a custom tab in Teams, leveraging SPFx APIs and functionalities. It will also discuss the options for deploying SPFx-based Teams apps by packaging and deploying to the Teams app catalog from SharePoint, or by manually creating a Teams app manifest and package. The goal is to demonstrate how developers can build custom solutions for Teams using the existing SPFx tools and infrastructure.

Real World SharePoint Framework and Azure ServicesBrian Culver

Building Solution in Office 365 requires leveraging other cloud services, such as Azure Services. For those new to SharePoint and all SharePoint veterans, building cloud ready “Full Trust” solutions for Office 365 introduces a huge paradigm shift over the traditional on-premise full-trust development model. In this session, we will look at a couple common full trust solutions and move them to Office365 and Azure. We will leverage various Azure services such as Azure Functions, Event Grids and WebJobs. See demonstrations on how event receivers become Azure Function and Event Grids, and timer jobs become Azure WebJobs. Learn about other useful Azure services for replacing full trust functionality. Don’t pass up this opportunity to learn skills and knowledge you need to build Office 365 Solutions leveraging Cloud Services Attendee Takeaways: 1. Understand how to take Full Trust solutions from On-premise to the Office365. 2. Learn how to use Azure Functions, Event Grids, WebJobs and several other Azure Services. 3. See demonstrations of a couple common Full Trust Solutions converted to cloud solutions on Office365 and Azure.

CCI 2017 - Introduzione a SharePoint Framework (SPFx) - Fabio Franziniwalk2talk srl

In questa sessione verrà introdotto SharePoint Framework, il nuovo framework per creare personalizzazioni per SharePoint utilizzando esclusivamente codice lato client. Vedremo i motivi per cui il framework è stato creato, come funziona ed una piccola introduzione sugli strumenti da sviluppatore, linguaggi di programmazione e framework lato client che possono essere utilizzati per creare personalizzazioni quali la nuova “Client Web Part". Verranno inoltre presentati alcuni esempi su quello che il framework offre nella versione in first release. Per richiedere accesso al canale contenente le registrazioni audio/video delle sessioni tecniche di Cloud Conference Italia 2017 compila il seguente form: https://goo.gl/Fq6DQE

Office 365 Developer Bootcamp: Microsoft TeamsDavid Schneider

Building apps using azure for microsoft teamsJenkins NS

This document discusses how to build apps for Microsoft Teams using Azure. It begins with an overview of Microsoft Teams and its capabilities. It then discusses what types of custom apps can be built for an organization and how apps are used within Teams. The remainder of the document demonstrates how to build a web app bot using Azure Bot Service, test the bot, develop the bot locally, and publish bot channels. It provides resources for learning more about developing apps for Microsoft Teams.

How to convert your Full Trust Solutions to the SharePoint Framework (SPFx)Brian Culver

This is a walkthrough on the tools, steps and process for converting common full trust solution to SharePoint Framework solutions. We will cover several scenariosn and discuss how to handle each appropriately. We have established a general workflow for converting your full trust solutions to SPFx solutions that I will share. We also will cover the proper configuration for your development environment. Lastly I will quickly highlight and show the process for building an SPFx solution and deploying it to Office 365. Lots of DO’s and DON’Ts will be shared. I’ll show you some of my scars too. From this session forward, you will want to hone your skills in modern SharePoint and convert everything to SPFx solutions. Attendee Takeaways: 1. Understand the why, the how, and what make up the SharePoint Framework (SPFx). 2. A demonstration where we take a common Full Trust Solutions and covert it to the SharePoint Framework (SPFx). 3. I share lots of tips, DO’s and DON’Ts to save you hours and days of your life. You’re welcome :)

Microsoft teams & bot framework - A developer's perspectiveThomas Gölles

Introduction to development using the share point framework mv psUsama Wahab Khan Cloud, Data and AI

This document provides an overview of the SharePoint Framework and modern toolchain for developing client-side solutions in SharePoint. It discusses the evolution of the SharePoint development model and extensibility principles of purpose-built APIs, web hooks, and Graph integration. The modern toolchain is described including Office UI Fabric, tooling support, and components. Example scenarios for using the framework are provided along with descriptions of core framework components like client-side web parts and the page canvas.

ESPC19 - Build Your First Microsoft Teams App Using SPFxSébastien Levert

This document summarizes a presentation about building Microsoft Teams apps using the SharePoint Framework (SPFx). It introduces key concepts like Tabs, Bots, Messaging Extensions and how they can be used to build Teams capabilities. It also provides an overview of how to create a Teams tab using an existing SPFx web part and details the process for packaging and deploying the web part to Teams. Several tips are provided around testing in Teams and supporting both SharePoint and Teams contexts. The presentation concludes with a demo of a sample SPFx web part integrated as a Teams tab.

Target SharePoint and Teams with SharePoint FrameworkHaaron Gonzalez

Bring your SharePoint apps to MS TeamsNanddeep Nachan

Surfacing SPFx Solutions in SharePoint, MS Teams, and Outlook Add-inJenkins NS

Convert your Full Trust Solutions to the SharePoint Framework (SPFx) in 1 hourBrian Culver

Grow your SharePoint development platform with SharePoint FrameworkDipti Chhatrapati

ESPC19 - Supercharge Your Teams Experience with Advanced Development TechniquesSébastien Levert

Building share point framework solutionsDipti Chhatrapati

Grow your SharePoint development platform with SPFxDipti Chhatrapati

Convert your Full Trust Solutions to the SharePoint Framework (SPFx)Brian Culver

SharePoint Framework SPFxVladimir Medina

Bring together SPFx Solutions in SharePoint and MS TeamsJenkins NS

Build MSTeams Customizations with SPFxKirti Prajapati

Real World SharePoint Framework and Azure ServicesBrian Culver

CCI 2017 - Introduzione a SharePoint Framework (SPFx) - Fabio Franziniwalk2talk srl

Office 365 Developer Bootcamp: Microsoft TeamsDavid Schneider

Building apps using azure for microsoft teamsJenkins NS

How to convert your Full Trust Solutions to the SharePoint Framework (SPFx)Brian Culver

Microsoft teams & bot framework - A developer's perspectiveThomas Gölles

Introduction to development using the share point framework mv psUsama Wahab Khan Cloud, Data and AI

ESPC19 - Build Your First Microsoft Teams App Using SPFxSébastien Levert

Target SharePoint and Teams with SharePoint FrameworkHaaron Gonzalez

More from Nanddeep Nachan (20)

SharePoint Hackathon - SharePoint Insights AgentNanddeep Nachan

Building Copilot for Microsoft 365 with Teams ToolkitNanddeep Nachan

PnP Demo - Streamlining Internal Marketplaces using Microsoft Copilot and a T...Nanddeep Nachan

MS Copilot expands with MS Graph connectorsNanddeep Nachan

Prompt to Pixel: DALL-E MagicNanddeep Nachan

Knowledge Quest Teams Bot.pptxNanddeep Nachan

Purview Days 2023 - Graph Notifications - A better way to process M365 Audit ...Nanddeep Nachan

As a business scenario, many a times we needs to hook up to a event when something has changed. For e.g. a new Teams channel created, deleted, or updated. M365 Audit logs is best place to look out for these events. However polling these logs might not be an ideal solution. In such cases, Graph notifications helps to respond instantly for these scenarios. In this session, we will explore event-driven model to handle the Graph change notifications when any resource data in M365 is changed.

Building Bots with Teams ToolkitNanddeep Nachan

Power Apps for Azure Cloud ProfessionalsNanddeep Nachan

This document outlines a presentation about using Power Apps with Azure cloud services. The agenda includes demonstrating how to connect Power Apps to an Azure SQL database and Azure blob storage, as well as consume Azure APIs in Power Apps. An overview of Azure services and the Power Platform is provided. The presentation concludes with live demos of creating a canvas app retrieving data from an Azure SQL database, connecting to Azure blob storage, and consuming Azure APIs in Power Apps.

aMS Pune - Building apps for Teams meetingsNanddeep Nachan

This document summarizes a presentation about building apps for Microsoft Teams meetings. The presentation was given by Nanddeep Nachan and Smita Nachan on June 18, 2022 at aMS Pune. It covered how apps can enhance different stages of a meeting lifecycle, from pre-meeting to in-meeting to post-meeting. It also demonstrated how to build a custom Teams meeting app using SharePoint Framework. The presentation concluded by encouraging the audience to make meetings more engaging with apps and to connect with the speakers if interested in co-developing apps.

Universal Actions for Adaptive Cards on Microsoft TeamsNanddeep Nachan

The document discusses Universal Actions for Adaptive Cards on Microsoft Teams. Universal Actions allow Adaptive Cards to trigger actions across platforms like Teams and Outlook. The document covers the Universal Action model, user-specific views, keeping cards up to date, sequential workflows, and an incident management use case. It also provides references and code samples for implementing Universal Actions.

Building Bots with Azure and consume anywhere.pptxNanddeep Nachan

This document discusses building bots with Azure. It provides an overview of different types of bots like informational, transactional, and contextual bots. It also discusses Azure services for building bots like Bot Framework SDK, Cognitive Services, and Bot Service. The document demonstrates building an echo bot and integrating it into a website or Microsoft Teams chat. It concludes by providing references for Azure Bot Service, creating a bot with Azure, and connecting a bot to Microsoft Teams.

Power Platform Custom Connector Deep Dive.pptxNanddeep Nachan

This document discusses custom connectors in the Power Platform. It provides an overview of custom connectors, how to identify and build an API, describe the API, and use the connector. It also covers certifying and open sourcing connectors. The document includes a demo of creating a custom connector and consuming Azure APIs through a custom connector. It demonstrates using the Sessionize custom connector with Power Apps and Power Automate.

Sessionize Custom ConnectorNanddeep Nachan

SharePoint PnP Viva Connections & SPFx JS SIG Call - My M365 GroupsNanddeep Nachan

Information Barriers in MS TeamsNanddeep Nachan

This document summarizes a presentation on information barriers in Microsoft 365. It discusses how to configure information barriers by setting prerequisites and permissions, segmenting users, defining information barrier policies, applying the policies, and testing them in Microsoft Teams, SharePoint and OneDrive. Specific examples are provided around a use case involving sales, research and HR departments. Configuration steps and commands are outlined for setting up and managing information barriers.

PL-100 Microsoft Power Platform App MakerNanddeep Nachan

This document provides an overview of a presentation on Microsoft Power Platform App Maker. It includes an agenda, information about the presenters Nanddeep Nachan and Smita Nachan, and sections on creating canvas apps in Power Apps, building the user interface, creating model-driven apps, and more. There is a focus on the exam for PL-100: Microsoft Power Platform Fundamentals and preparing for the certification.

Explore Microsoft Power Platform Center of ExcellenceNanddeep Nachan

The document discusses the Microsoft Power Platform Center of Excellence (CoE) Starter Kit. It provides an overview of the CoE Starter Kit and its modules, including core components, governance components, nurture components, and theming components. It describes how to set up the CoE Starter Kit and its modules as well as some limitations. References for more information on the CoE, CoE Starter Kit, and core components are also provided.

SharePoint PnP Demo - Questionnaire Teams Meeting App with SPFxNanddeep Nachan

This document discusses a questionnaire Teams meeting app built with React and SharePoint Framework (SPFx). It includes the names and contact information of the app developers - Nanddeep Nachan, Ravi Kulkarni, and Smita Nachan. Links are provided to the GitHub repository containing the sample app code and several blog posts about building Teams meeting apps with SPFx. The document also thanks the readers and restates the developer contact details.

Protect Office 365 with Azure SentinelNanddeep Nachan

This document discusses protecting Office 365 environments with Azure Sentinel. It begins with an agenda and introductions of the presenters. It then covers challenges with monitoring Microsoft 365 environments, how to connect Office 365 logs to Azure Sentinel for monitoring and threat detection. Analytics and workbooks in Azure Sentinel are demonstrated for analyzing the Office 365 data. Playbooks and automation rules in Azure Sentinel are shown for responding to threats. References are provided and there is a Q&A section.

SharePoint Hackathon - SharePoint Insights AgentNanddeep Nachan

Building Copilot for Microsoft 365 with Teams ToolkitNanddeep Nachan

PnP Demo - Streamlining Internal Marketplaces using Microsoft Copilot and a T...Nanddeep Nachan

MS Copilot expands with MS Graph connectorsNanddeep Nachan

Prompt to Pixel: DALL-E MagicNanddeep Nachan

Knowledge Quest Teams Bot.pptxNanddeep Nachan

Purview Days 2023 - Graph Notifications - A better way to process M365 Audit ...Nanddeep Nachan

Building Bots with Teams ToolkitNanddeep Nachan

Power Apps for Azure Cloud ProfessionalsNanddeep Nachan

aMS Pune - Building apps for Teams meetingsNanddeep Nachan

Universal Actions for Adaptive Cards on Microsoft TeamsNanddeep Nachan

Building Bots with Azure and consume anywhere.pptxNanddeep Nachan

Power Platform Custom Connector Deep Dive.pptxNanddeep Nachan

Sessionize Custom ConnectorNanddeep Nachan

SharePoint PnP Viva Connections & SPFx JS SIG Call - My M365 GroupsNanddeep Nachan

Information Barriers in MS TeamsNanddeep Nachan

PL-100 Microsoft Power Platform App MakerNanddeep Nachan

Explore Microsoft Power Platform Center of ExcellenceNanddeep Nachan

SharePoint PnP Demo - Questionnaire Teams Meeting App with SPFxNanddeep Nachan

Protect Office 365 with Azure SentinelNanddeep Nachan

Recently uploaded (20)

Agentic Automation - Delhi UiPath Community MeetupManoj Batra (1600 + Connections)

Original presentation of Delhi Community Meetup with the following topics ▶️ Session 1: Introduction to UiPath Agents - What are Agents in UiPath? - Components of Agents - Overview of the UiPath Agent Builder. - Common use cases for Agentic automation. ▶️ Session 2: Building Your First UiPath Agent - A quick walkthrough of Agent Builder, Agentic Orchestration, - - AI Trust Layer, Context Grounding - Step-by-step demonstration of building your first Agent ▶️ Session 3: Healing Agents - Deep dive - What are Healing Agents? - How Healing Agents can improve automation stability by automatically detecting and fixing runtime issues - How Healing Agents help reduce downtime, prevent failures, and ensure continuous execution of workflows

GDG Cloud Southlake #42: Suresh Mathew: Autonomous Resource Optimization: How...James Anderson

Autonomous Resource Optimization: How AI is Solving the Overprovisioning Problem In this session, Suresh Mathew will explore how autonomous AI is revolutionizing cloud resource management for DevOps, SRE, and Platform Engineering teams. Traditional cloud infrastructure typically suffers from significant overprovisioning—a "better safe than sorry" approach that leads to wasted resources and inflated costs. This presentation will demonstrate how AI-powered autonomous systems are eliminating this problem through continuous, real-time optimization. Key topics include: Why manual and rule-based optimization approaches fall short in dynamic cloud environments How machine learning predicts workload patterns to right-size resources before they're needed Real-world implementation strategies that don't compromise reliability or performance Featured case study: Learn how Palo Alto Networks implemented autonomous resource optimization to save $3.5M in cloud costs while maintaining strict performance SLAs across their global security infrastructure. Bio: Suresh Mathew is the CEO and Founder of Sedai, an autonomous cloud management platform. Previously, as Sr. MTS Architect at PayPal, he built an AI/ML platform that autonomously resolved performance and availability issues—executing over 2 million remediations annually and becoming the only system trusted to operate independently during peak holiday traffic.

The No-Code Way to Build a Marketing Team with One AI Agent (Download the n8n...SOFTTECHHUB

Top-AI-Based-Tools-for-Game-Developers (1).pptxBR Softech

Smart Investments Leveraging Agentic AI for Real Estate Success.pptxSeasia Infotech

Com fer un pla de gestió de dades amb l'eiNa DMP (en anglès)CSUC - Consorci de Serveis Universitaris de Catalunya

AsyncAPI v3 : Streamlining Event-Driven API Designleonid54

fennec fox optimization algorithm for optimal solutionshallal2

Unlocking Generative AI in your Web AppsMaximiliano Firtman

Slides for the session delivered at Devoxx UK 2025 - Londo. Discover how to seamlessly integrate AI LLM models into your website using cutting-edge techniques like new client-side APIs and cloud services. Learn how to execute AI models in the front-end without incurring cloud fees by leveraging Chrome's Gemini Nano model using the window.ai inference API, or utilizing WebNN, WebGPU, and WebAssembly for open-source models. This session dives into API integration, token management, secure prompting, and practical demos to get you started with AI on the web. Unlock the power of AI on the web while having fun along the way!

RTP Over QUIC: An Interesting Opportunity Or Wasted Time?Lorenzo Miniero

Cybersecurity Threat Vectors and MitigationVICTOR MAESTRE RAMIREZ

Limecraft Webinar - 2025.3 release, featuring Content Delivery, Graphic Conte...Maarten Verwaest

Slides of Limecraft Webinar on May 8th 2025, where Jonna Kokko and Maarten Verwaest discuss the latest release. This release includes major enhancements and improvements of the Delivery Workspace, as well as provisions against unintended exposure of Graphic Content, and rolls out the third iteration of dashboards. Customer cases include Scripted Entertainment (continuing drama) for Warner Bros, as well as AI integration in Avid for ITV Studios Daytime.

Enterprise Integration Is Dead! Long Live AI-Driven Integration with Apache C...Markus Eisele

We keep hearing that “integration” is old news, with modern architectures and platforms promising frictionless connectivity. So, is enterprise integration really dead? Not exactly! In this session, we’ll talk about how AI-infused applications and tool-calling agents are redefining the concept of integration, especially when combined with the power of Apache Camel. We will discuss the the role of enterprise integration in an era where Large Language Models (LLMs) and agent-driven automation can interpret business needs, handle routing, and invoke Camel endpoints with minimal developer intervention. You will see how these AI-enabled systems help weave business data, applications, and services together giving us flexibility and freeing us from hardcoding boilerplate of integration flows. You’ll walk away with: An updated perspective on the future of “integration” in a world driven by AI, LLMs, and intelligent agents. Real-world examples of how tool-calling functionality can transform Camel routes into dynamic, adaptive workflows. Code examples how to merge AI capabilities with Apache Camel to deliver flexible, event-driven architectures at scale. Roadmap strategies for integrating LLM-powered agents into your enterprise, orchestrating services that previously demanded complex, rigid solutions. Join us to see why rumours of integration’s relevancy have been greatly exaggerated—and see first hand how Camel, powered by AI, is quietly reinventing how we connect the enterprise.

Dark Dynamism: drones, dark factories and deurbanizationJakub Šimek

Startup villages are the next frontier on the road to network states. This book aims to serve as a practical guide to bootstrap a desired future that is both definite and optimistic, to quote Peter Thiel’s framework. Dark Dynamism is my second book, a kind of sequel to Bespoke Balajisms I published on Kindle in 2024. The first book was about 90 ideas of Balaji Srinivasan and 10 of my own concepts, I built on top of his thinking. In Dark Dynamism, I focus on my ideas I played with over the last 8 years, inspired by Balaji Srinivasan, Alexander Bard and many people from the Game B and IDW scenes.

Mastering Testing in the Modern F&B Landscapemarketing943205

Dive into our presentation to explore the unique software testing challenges the Food and Beverage sector faces today. We’ll walk you through essential best practices for quality assurance and show you exactly how Qyrus, with our intelligent testing platform and innovative AlVerse, provides tailored solutions to help your F&B business master these challenges. Discover how you can ensure quality and innovate with confidence in this exciting digital era.

Shoehorning dependency injection into a FP language, what does it take?Eric Torreborre

Config 2025 presentation recap covering both daysTrishAntoni1

Bepents tech services - a premier cybersecurity consulting firmBenard76

Introduction Bepents Tech Services is a premier cybersecurity consulting firm dedicated to protecting digital infrastructure, data, and business continuity. We partner with organizations of all sizes to defend against today’s evolving cyber threats through expert testing, strategic advisory, and managed services. 🔎 Why You Need us Cyberattacks are no longer a question of “if”—they are a question of “when.” Businesses of all sizes are under constant threat from ransomware, data breaches, phishing attacks, insider threats, and targeted exploits. While most companies focus on growth and operations, security is often overlooked—until it’s too late. At Bepents Tech, we bridge that gap by being your trusted cybersecurity partner. 🚨 Real-World Threats. Real-Time Defense. Sophisticated Attackers: Hackers now use advanced tools and techniques to evade detection. Off-the-shelf antivirus isn’t enough. Human Error: Over 90% of breaches involve employee mistakes. We help build a "human firewall" through training and simulations. Exposed APIs & Apps: Modern businesses rely heavily on web and mobile apps. We find hidden vulnerabilities before attackers do. Cloud Misconfigurations: Cloud platforms like AWS and Azure are powerful but complex—and one misstep can expose your entire infrastructure. 💡 What Sets Us Apart Hands-On Experts: Our team includes certified ethical hackers (OSCP, CEH), cloud architects, red teamers, and security engineers with real-world breach response experience. Custom, Not Cookie-Cutter: We don’t offer generic solutions. Every engagement is tailored to your environment, risk profile, and industry. End-to-End Support: From proactive testing to incident response, we support your full cybersecurity lifecycle. Business-Aligned Security: We help you balance protection with performance—so security becomes a business enabler, not a roadblock. 📊 Risk is Expensive. Prevention is Profitable. A single data breach costs businesses an average of $4.45 million (IBM, 2023). Regulatory fines, loss of trust, downtime, and legal exposure can cripple your reputation. Investing in cybersecurity isn’t just a technical decision—it’s a business strategy. 🔐 When You Choose Bepents Tech, You Get: Peace of Mind – We monitor, detect, and respond before damage occurs. Resilience – Your systems, apps, cloud, and team will be ready to withstand real attacks. Confidence – You’ll meet compliance mandates and pass audits without stress. Expert Guidance – Our team becomes an extension of yours, keeping you ahead of the threat curve. Security isn’t a product. It’s a partnership. Let Bepents tech be your shield in a world full of cyber threats. 🌍 Our Clientele At Bepents Tech Services, we’ve earned the trust of organizations across industries by delivering high-impact cybersecurity, performance engineering, and strategic consulting. From regulatory bodies to tech startups, law firms, and global consultancies, we tailor our solutions to each client's unique needs.

How to Install & Activate ListGrabber - eGrabbereGrabber

Kit-Works Team Study_팀스터디_김한솔_nuqs_20250509.pdfWonjun Hwang

Agentic Automation - Delhi UiPath Community MeetupManoj Batra (1600 + Connections)

GDG Cloud Southlake #42: Suresh Mathew: Autonomous Resource Optimization: How...James Anderson

The No-Code Way to Build a Marketing Team with One AI Agent (Download the n8n...SOFTTECHHUB

Top-AI-Based-Tools-for-Game-Developers (1).pptxBR Softech

Smart Investments Leveraging Agentic AI for Real Estate Success.pptxSeasia Infotech

Com fer un pla de gestió de dades amb l'eiNa DMP (en anglès)CSUC - Consorci de Serveis Universitaris de Catalunya

AsyncAPI v3 : Streamlining Event-Driven API Designleonid54

fennec fox optimization algorithm for optimal solutionshallal2

Unlocking Generative AI in your Web AppsMaximiliano Firtman

RTP Over QUIC: An Interesting Opportunity Or Wasted Time?Lorenzo Miniero

Cybersecurity Threat Vectors and MitigationVICTOR MAESTRE RAMIREZ

Limecraft Webinar - 2025.3 release, featuring Content Delivery, Graphic Conte...Maarten Verwaest

Enterprise Integration Is Dead! Long Live AI-Driven Integration with Apache C...Markus Eisele

Dark Dynamism: drones, dark factories and deurbanizationJakub Šimek

Mastering Testing in the Modern F&B Landscapemarketing943205

Shoehorning dependency injection into a FP language, what does it take?Eric Torreborre

Config 2025 presentation recap covering both daysTrishAntoni1

Bepents tech services - a premier cybersecurity consulting firmBenard76

How to Install & Activate ListGrabber - eGrabbereGrabber

Kit-Works Team Study_팀스터디_김한솔_nuqs_20250509.pdfWonjun Hwang

Virtual Hub - Host SharePoint Framework web part as MS Teams messaging extension

1. The Virtual Hub Content, Conversation & Connection Deep dive technical training for IT Pro’s, Developers, and Champions https://aka.ms/VirtualHub

2. Host SharePoint Framework web part as MS Teams messaging extension

3. SharePoint Framework in a nutshell MSDN Definition SPFx is a page and web part model that provides full support for client-side SharePoint development, easy integration with SharePoint data, and support for open source tooling • Open source toolchain • Node JS, NPM, Yeoman, Gulp, TypeScript • Choose any JavaScript Framework / Library • Works on both SharePoint Online and On-premises • SharePoint Online (GA) • SharePoint 2019 (v1.4.1) • SharePoint 2016, Feature Pack 2 (v1.1.0)

5. Microsoft Teams + SPFx Build Teams Tab with SPFx SPFx v1.8 Build SPFx based tab solutions Full Teams context aware Full support for rich clients Supported hosts: TeamsTab SPFx web part as MS Teams messaging extension SPFx v1.11 Host SPFx web parts as MS Teams messaging extension No extra manifest.json based configuration Build Personal app with SPFx SPFx v1.10 App with a personal scope Develop a version of your app that is built for an individual user. Supported hosts: TeamsPersonalApp

6. Planet Explorer  A Bot  MS Azure web app  SPFx web part  MS Teams

7. A Bot Bot Channels Registration Your own Bot hosted where you want, registered with the Azure Bot Service. Build, connect, and manage Bots to interact with your users wherever they are - from your app or website to Cortana, Skype, Messenger and many other services. MS Azure Web App App Service Web Apps lets you quickly build, deploy, and scale enterprise-grade web, mobile, and API apps running on any platform. yo teams Create your Microsoft Teams app using the Microsoft Teams Yeoman generator.

8. SharePoint Framework Solution  SPFx v1.11  Extend the teams manifest in your SPFx solution with a composeExtension  Responding to user interactions  Communication with Bot

9. Demo Implement SPFx web part

10. Deploy SPFx web part as messaging extension  Prepare SPFx package  gulp bundle --ship  gulp package-solution --ship  Deploy the sppkg to the SharePoint tenant app catalog.  Zip teams folder and upload to Teams

11. Demo Deploy SPFx web part as messaging extension

12. Thank You!

Editor's Notes

#2: Use one of the slides 1-4

Virtual Hub - Host SharePoint Framework web part as MS Teams messaging extension

Recommended

More Related Content

What's hot (20)

Similar to Virtual Hub - Host SharePoint Framework web part as MS Teams messaging extension (20)

More from Nanddeep Nachan (20)

Recently uploaded (20)

Virtual Hub - Host SharePoint Framework web part as MS Teams messaging extension

Editor's Notes