SlideShare a Scribd company logo
Connecting Office 365 and Windows 8 HTML/JavaScript Apps
Connecting Office 365 and Windows 8 HTML/JavaScript Apps
Connecting Office 365 and Windows 8 HTML/JavaScript Apps
http://msdn.microsoft.com/en-   http://msdn.microsoft.com/en-
US/windows/apps/br229516.aspx   US/windows/apps/br229516.aspx   http://www.office365.com
Connecting Office 365 and Windows 8 HTML/JavaScript Apps
•
•
    •
    •
•

    •
Microsoft Online                 SharePoint
App
                               (STS)                         Online

          SAML Request
      1   (username, password)                                          http://www.wictorwilen.se/Post/How-to-do-active-
                                                                        authentication-to-Office-365-and-SharePoint-Online.aspx
      2   Response (security token)

                                                                        http://allthatjs.com/2012/03/28/remote-authentication-
      3   Send security token                                           in-sharepoint-online/

      4   Receive authentication cookies (rtFa, FedAuth)



      5   Send request including cookies (rtFa, FedAuth)
Connecting Office 365 and Windows 8 HTML/JavaScript Apps
Connecting Office 365 and Windows 8 HTML/JavaScript Apps
Connecting Office 365 and Windows 8 HTML/JavaScript Apps
http://msdn.microsoft.com/en-
us/library/windows/apps/br230301(v=vs.110).aspx
JavaScript                          C#                           Office 365

       1     Create new Helper


       2     New Helper


             Call signin method
       3     from helper
                                         4    Get token & cookie

                                         5    Return cookie
        6    “I’m authenticated!”

             “Awesome! Fetch me
        7    some data”
                                             I need something from
                                         8   you, here are the cookies

                                         9    Return data
             Here’s your data
Connecting Office 365 and Windows 8 HTML/JavaScript Apps
Connecting Office 365 and Windows 8 HTML/JavaScript Apps
Connecting Office 365 and Windows 8 HTML/JavaScript Apps
Connecting Office 365 and Windows 8 HTML/JavaScript Apps
Connecting Office 365 and Windows 8 HTML/JavaScript Apps
•
    •
    •
•
    •
    •
    •
    •
    •
    •
Connecting Office 365 and Windows 8 HTML/JavaScript Apps
Ad

Recommended

Office 365 busting the myths
Office 365 busting the myths
Microsoft TechNet - Belgium and Luxembourg
 
Intro: SharePoint 2013 Apps for IT Pros
Intro: SharePoint 2013 Apps for IT Pros
Rene Modery
 
Building SharePoint 2013 Apps - Architecture, Authentication & Connectivity API
Building SharePoint 2013 Apps - Architecture, Authentication & Connectivity API
SharePointRadi
 
Access share point-2013-data-with-provider-hosted-apps
Access share point-2013-data-with-provider-hosted-apps
Alexander Meijers
 
Mobile for SharePoint with Windows Phone
Mobile for SharePoint with Windows Phone
Edgewater
 
Building Apps for SharePoint 2013 by Andrew Connell - SPTechCon
Building Apps for SharePoint 2013 by Andrew Connell - SPTechCon
SPTechCon
 
3 022
3 022
Swati Jain
 
Building your first Windows Phone 7 application for SharePoint
Building your first Windows Phone 7 application for SharePoint
Joris Poelmans
 
Authentication Server
Authentication Server
Abhishek Chikane
 
SPS Houston - Who Are You and What Do You Want? Working With OAuth in SharePo...
SPS Houston - Who Are You and What Do You Want? Working With OAuth in SharePo...
Eric Shupps
 
Getting Enough REST? Understanding the SharePoint 2013 REST / ODATA Services
Getting Enough REST? Understanding the SharePoint 2013 REST / ODATA Services
Hilton Giesenow
 
Thomas vochten claims-spsbe26
Thomas vochten claims-spsbe26
BIWUG
 
Identity & access management jonas syrstad
Identity & access management jonas syrstad
Meandmine2
 
Leveraging the azure cloud for your mobile apps
Leveraging the azure cloud for your mobile apps
Marcel de Vries
 
Deep Dive into Office 365 API for Azure AD
Deep Dive into Office 365 API for Azure AD
Paul Schaeflein
 
Made for Mobile - Let Office 365 Power Your Mobile Apps
Made for Mobile - Let Office 365 Power Your Mobile Apps
SPC Adriatics
 
Sp2013 overview
Sp2013 overview
BIWUG
 
Sp2013 overview biwug
Sp2013 overview biwug
BIWUG
 
Understanding SharePoint Apps, authentication and authorization infrastructur...
Understanding SharePoint Apps, authentication and authorization infrastructur...
SPC Adriatics
 
OAuth 2.0 and Mobile Devices: Is that a token in your phone in your pocket or...
OAuth 2.0 and Mobile Devices: Is that a token in your phone in your pocket or...
Brian Campbell
 
SPTECHCON - Who are You and What Do You Want - Working with OAuth in SharePoi...
SPTECHCON - Who are You and What Do You Want - Working with OAuth in SharePoi...
Eric Shupps
 
Office apps in Office 365 - Napa the next big thing
Office apps in Office 365 - Napa the next big thing
SPC Adriatics
 
Securing SharePoint Apps with OAuth
Securing SharePoint Apps with OAuth
Kashif Imran
 
SharePoint and Office Development Workshop
SharePoint and Office Development Workshop
Eric Shupps
 
Apps for SharePoint
Apps for SharePoint
Melick Baranasooriya
 
Saas webinar-dec6-01
Saas webinar-dec6-01
Paul Madsen
 
SharePoint and Office 365 Development Workshop
SharePoint and Office 365 Development Workshop
Eric Shupps
 
SPCA2013 - Developing Provider-Hosted Apps for SharePoint 2013
SPCA2013 - Developing Provider-Hosted Apps for SharePoint 2013
NCCOMMS
 
TeamsFest - Integrating Microsoft Teams and PowerApps
TeamsFest - Integrating Microsoft Teams and PowerApps
Rene Modery
 
Global Azure Bootcamp (Singapore) - Effectively using Azure DevOps in Microso...
Global Azure Bootcamp (Singapore) - Effectively using Azure DevOps in Microso...
Rene Modery
 

More Related Content

Similar to Connecting Office 365 and Windows 8 HTML/JavaScript Apps (20)

Authentication Server
Authentication Server
Abhishek Chikane
 
SPS Houston - Who Are You and What Do You Want? Working With OAuth in SharePo...
SPS Houston - Who Are You and What Do You Want? Working With OAuth in SharePo...
Eric Shupps
 
Getting Enough REST? Understanding the SharePoint 2013 REST / ODATA Services
Getting Enough REST? Understanding the SharePoint 2013 REST / ODATA Services
Hilton Giesenow
 
Thomas vochten claims-spsbe26
Thomas vochten claims-spsbe26
BIWUG
 
Identity & access management jonas syrstad
Identity & access management jonas syrstad
Meandmine2
 
Leveraging the azure cloud for your mobile apps
Leveraging the azure cloud for your mobile apps
Marcel de Vries
 
Deep Dive into Office 365 API for Azure AD
Deep Dive into Office 365 API for Azure AD
Paul Schaeflein
 
Made for Mobile - Let Office 365 Power Your Mobile Apps
Made for Mobile - Let Office 365 Power Your Mobile Apps
SPC Adriatics
 
Sp2013 overview
Sp2013 overview
BIWUG
 
Sp2013 overview biwug
Sp2013 overview biwug
BIWUG
 
Understanding SharePoint Apps, authentication and authorization infrastructur...
Understanding SharePoint Apps, authentication and authorization infrastructur...
SPC Adriatics
 
OAuth 2.0 and Mobile Devices: Is that a token in your phone in your pocket or...
OAuth 2.0 and Mobile Devices: Is that a token in your phone in your pocket or...
Brian Campbell
 
SPTECHCON - Who are You and What Do You Want - Working with OAuth in SharePoi...
SPTECHCON - Who are You and What Do You Want - Working with OAuth in SharePoi...
Eric Shupps
 
Office apps in Office 365 - Napa the next big thing
Office apps in Office 365 - Napa the next big thing
SPC Adriatics
 
Securing SharePoint Apps with OAuth
Securing SharePoint Apps with OAuth
Kashif Imran
 
SharePoint and Office Development Workshop
SharePoint and Office Development Workshop
Eric Shupps
 
Apps for SharePoint
Apps for SharePoint
Melick Baranasooriya
 
Saas webinar-dec6-01
Saas webinar-dec6-01
Paul Madsen
 
SharePoint and Office 365 Development Workshop
SharePoint and Office 365 Development Workshop
Eric Shupps
 
SPCA2013 - Developing Provider-Hosted Apps for SharePoint 2013
SPCA2013 - Developing Provider-Hosted Apps for SharePoint 2013
NCCOMMS
 
SPS Houston - Who Are You and What Do You Want? Working With OAuth in SharePo...
SPS Houston - Who Are You and What Do You Want? Working With OAuth in SharePo...
Eric Shupps
 
Getting Enough REST? Understanding the SharePoint 2013 REST / ODATA Services
Getting Enough REST? Understanding the SharePoint 2013 REST / ODATA Services
Hilton Giesenow
 
Thomas vochten claims-spsbe26
Thomas vochten claims-spsbe26
BIWUG
 
Identity & access management jonas syrstad
Identity & access management jonas syrstad
Meandmine2
 
Leveraging the azure cloud for your mobile apps
Leveraging the azure cloud for your mobile apps
Marcel de Vries
 
Deep Dive into Office 365 API for Azure AD
Deep Dive into Office 365 API for Azure AD
Paul Schaeflein
 
Made for Mobile - Let Office 365 Power Your Mobile Apps
Made for Mobile - Let Office 365 Power Your Mobile Apps
SPC Adriatics
 
Sp2013 overview
Sp2013 overview
BIWUG
 
Sp2013 overview biwug
Sp2013 overview biwug
BIWUG
 
Understanding SharePoint Apps, authentication and authorization infrastructur...
Understanding SharePoint Apps, authentication and authorization infrastructur...
SPC Adriatics
 
OAuth 2.0 and Mobile Devices: Is that a token in your phone in your pocket or...
OAuth 2.0 and Mobile Devices: Is that a token in your phone in your pocket or...
Brian Campbell
 
SPTECHCON - Who are You and What Do You Want - Working with OAuth in SharePoi...
SPTECHCON - Who are You and What Do You Want - Working with OAuth in SharePoi...
Eric Shupps
 
Office apps in Office 365 - Napa the next big thing
Office apps in Office 365 - Napa the next big thing
SPC Adriatics
 
Securing SharePoint Apps with OAuth
Securing SharePoint Apps with OAuth
Kashif Imran
 
SharePoint and Office Development Workshop
SharePoint and Office Development Workshop
Eric Shupps
 
Saas webinar-dec6-01
Saas webinar-dec6-01
Paul Madsen
 
SharePoint and Office 365 Development Workshop
SharePoint and Office 365 Development Workshop
Eric Shupps
 
SPCA2013 - Developing Provider-Hosted Apps for SharePoint 2013
SPCA2013 - Developing Provider-Hosted Apps for SharePoint 2013
NCCOMMS
 

More from Rene Modery (18)

TeamsFest - Integrating Microsoft Teams and PowerApps
TeamsFest - Integrating Microsoft Teams and PowerApps
Rene Modery
 
Global Azure Bootcamp (Singapore) - Effectively using Azure DevOps in Microso...
Global Azure Bootcamp (Singapore) - Effectively using Azure DevOps in Microso...
Rene Modery
 
aOS Kuala Lumpur - Migrating to SharePoint Online - Real-life Experiences
aOS Kuala Lumpur - Migrating to SharePoint Online - Real-life Experiences
Rene Modery
 
SharePoint Online vs On-premises vs Hybrid – 2016 edition
SharePoint Online vs On-premises vs Hybrid – 2016 edition
Rene Modery
 
Microsoft PowerApps
Microsoft PowerApps
Rene Modery
 
Introduction to Azure Machine Learning
Introduction to Azure Machine Learning
Rene Modery
 
SPBiz - Practical Advice for developing your SharePoint Roadmap
SPBiz - Practical Advice for developing your SharePoint Roadmap
Rene Modery
 
Office 365 - always the latest and greatest or too fast for you?
Office 365 - always the latest and greatest or too fast for you?
Rene Modery
 
ESPC14 - T13 - Implementing a Hybrid SharePoint 2013 and Office 365 environment
ESPC14 - T13 - Implementing a Hybrid SharePoint 2013 and Office 365 environment
Rene Modery
 
ESPC14 - T23 - SharePoint Online vs On-Premises vs Hosted - Making the Right ...
ESPC14 - T23 - SharePoint Online vs On-Premises vs Hosted - Making the Right ...
Rene Modery
 
Hybrid SharePoint 2013 and Office 365 environments for decision makers
Hybrid SharePoint 2013 and Office 365 environments for decision makers
Rene Modery
 
Automating Office 365 with PowerShell
Automating Office 365 with PowerShell
Rene Modery
 
AIIM Webinar - SharePoint 2013 - clouding the issues?
AIIM Webinar - SharePoint 2013 - clouding the issues?
Rene Modery
 
ShareConf 2013 - Implementierung von Hybridumgebungen mit SharePoint 2013 und...
ShareConf 2013 - Implementierung von Hybridumgebungen mit SharePoint 2013 und...
Rene Modery
 
Office 365 and SharePoint 2013 Hybrid Environments
Office 365 and SharePoint 2013 Hybrid Environments
Rene Modery
 
SEASPC - Rene Modery - Creating an Employee Engaging Intranet Homepage
SEASPC - Rene Modery - Creating an Employee Engaging Intranet Homepage
Rene Modery
 
Introduction to using jQuery with SharePoint
Introduction to using jQuery with SharePoint
Rene Modery
 
Experiences with two AsiaPacific-wide SharePoint Deployments - SharePoint Con...
Experiences with two AsiaPacific-wide SharePoint Deployments - SharePoint Con...
Rene Modery
 
TeamsFest - Integrating Microsoft Teams and PowerApps
TeamsFest - Integrating Microsoft Teams and PowerApps
Rene Modery
 
Global Azure Bootcamp (Singapore) - Effectively using Azure DevOps in Microso...
Global Azure Bootcamp (Singapore) - Effectively using Azure DevOps in Microso...
Rene Modery
 
aOS Kuala Lumpur - Migrating to SharePoint Online - Real-life Experiences
aOS Kuala Lumpur - Migrating to SharePoint Online - Real-life Experiences
Rene Modery
 
SharePoint Online vs On-premises vs Hybrid – 2016 edition
SharePoint Online vs On-premises vs Hybrid – 2016 edition
Rene Modery
 
Microsoft PowerApps
Microsoft PowerApps
Rene Modery
 
Introduction to Azure Machine Learning
Introduction to Azure Machine Learning
Rene Modery
 
SPBiz - Practical Advice for developing your SharePoint Roadmap
SPBiz - Practical Advice for developing your SharePoint Roadmap
Rene Modery
 
Office 365 - always the latest and greatest or too fast for you?
Office 365 - always the latest and greatest or too fast for you?
Rene Modery
 
ESPC14 - T13 - Implementing a Hybrid SharePoint 2013 and Office 365 environment
ESPC14 - T13 - Implementing a Hybrid SharePoint 2013 and Office 365 environment
Rene Modery
 
ESPC14 - T23 - SharePoint Online vs On-Premises vs Hosted - Making the Right ...
ESPC14 - T23 - SharePoint Online vs On-Premises vs Hosted - Making the Right ...
Rene Modery
 
Hybrid SharePoint 2013 and Office 365 environments for decision makers
Hybrid SharePoint 2013 and Office 365 environments for decision makers
Rene Modery
 
Automating Office 365 with PowerShell
Automating Office 365 with PowerShell
Rene Modery
 
AIIM Webinar - SharePoint 2013 - clouding the issues?
AIIM Webinar - SharePoint 2013 - clouding the issues?
Rene Modery
 
ShareConf 2013 - Implementierung von Hybridumgebungen mit SharePoint 2013 und...
ShareConf 2013 - Implementierung von Hybridumgebungen mit SharePoint 2013 und...
Rene Modery
 
Office 365 and SharePoint 2013 Hybrid Environments
Office 365 and SharePoint 2013 Hybrid Environments
Rene Modery
 
SEASPC - Rene Modery - Creating an Employee Engaging Intranet Homepage
SEASPC - Rene Modery - Creating an Employee Engaging Intranet Homepage
Rene Modery
 
Introduction to using jQuery with SharePoint
Introduction to using jQuery with SharePoint
Rene Modery
 
Experiences with two AsiaPacific-wide SharePoint Deployments - SharePoint Con...
Experiences with two AsiaPacific-wide SharePoint Deployments - SharePoint Con...
Rene Modery
 
Ad

Recently uploaded (20)

FIDO Seminar: Authentication for a Billion Consumers - Amazon.pptx
FIDO Seminar: Authentication for a Billion Consumers - Amazon.pptx
FIDO Alliance
 
Data Validation and System Interoperability
Data Validation and System Interoperability
Safe Software
 
SAP Modernization Strategies for a Successful S/4HANA Journey.pdf
SAP Modernization Strategies for a Successful S/4HANA Journey.pdf
Precisely
 
Security Tips for Enterprise Azure Solutions
Security Tips for Enterprise Azure Solutions
Michele Leroux Bustamante
 
“From Enterprise to Makers: Driving Vision AI Innovation at the Extreme Edge,...
“From Enterprise to Makers: Driving Vision AI Innovation at the Extreme Edge,...
Edge AI and Vision Alliance
 
Providing an OGC API Processes REST Interface for FME Flow
Providing an OGC API Processes REST Interface for FME Flow
Safe Software
 
Integration of Utility Data into 3D BIM Models Using a 3D Solids Modeling Wor...
Integration of Utility Data into 3D BIM Models Using a 3D Solids Modeling Wor...
Safe Software
 
Kubernetes Security Act Now Before It’s Too Late
Kubernetes Security Act Now Before It’s Too Late
Michael Furman
 
“Key Requirements to Successfully Implement Generative AI in Edge Devices—Opt...
“Key Requirements to Successfully Implement Generative AI in Edge Devices—Opt...
Edge AI and Vision Alliance
 
Raman Bhaumik - Passionate Tech Enthusiast
Raman Bhaumik - Passionate Tech Enthusiast
Raman Bhaumik
 
MuleSoft for AgentForce : Topic Center and API Catalog
MuleSoft for AgentForce : Topic Center and API Catalog
shyamraj55
 
Mastering AI Workflows with FME - Peak of Data & AI 2025
Mastering AI Workflows with FME - Peak of Data & AI 2025
Safe Software
 
Edge-banding-machines-edgeteq-s-200-en-.pdf
Edge-banding-machines-edgeteq-s-200-en-.pdf
AmirStern2
 
FIDO Seminar: Evolving Landscape of Post-Quantum Cryptography.pptx
FIDO Seminar: Evolving Landscape of Post-Quantum Cryptography.pptx
FIDO Alliance
 
National Fuels Treatments Initiative: Building a Seamless Map of Hazardous Fu...
National Fuels Treatments Initiative: Building a Seamless Map of Hazardous Fu...
Safe Software
 
FME for Distribution & Transmission Integrity Management Program (DIMP & TIMP)
FME for Distribution & Transmission Integrity Management Program (DIMP & TIMP)
Safe Software
 
AI vs Human Writing: Can You Tell the Difference?
AI vs Human Writing: Can You Tell the Difference?
Shashi Sathyanarayana, Ph.D
 
Bridging the divide: A conversation on tariffs today in the book industry - T...
Bridging the divide: A conversation on tariffs today in the book industry - T...
BookNet Canada
 
AudGram Review: Build Visually Appealing, AI-Enhanced Audiograms to Engage Yo...
AudGram Review: Build Visually Appealing, AI-Enhanced Audiograms to Engage Yo...
SOFTTECHHUB
 
No-Code Workflows for CAD & 3D Data: Scaling AI-Driven Infrastructure
No-Code Workflows for CAD & 3D Data: Scaling AI-Driven Infrastructure
Safe Software
 
FIDO Seminar: Authentication for a Billion Consumers - Amazon.pptx
FIDO Seminar: Authentication for a Billion Consumers - Amazon.pptx
FIDO Alliance
 
Data Validation and System Interoperability
Data Validation and System Interoperability
Safe Software
 
SAP Modernization Strategies for a Successful S/4HANA Journey.pdf
SAP Modernization Strategies for a Successful S/4HANA Journey.pdf
Precisely
 
Security Tips for Enterprise Azure Solutions
Security Tips for Enterprise Azure Solutions
Michele Leroux Bustamante
 
“From Enterprise to Makers: Driving Vision AI Innovation at the Extreme Edge,...
“From Enterprise to Makers: Driving Vision AI Innovation at the Extreme Edge,...
Edge AI and Vision Alliance
 
Providing an OGC API Processes REST Interface for FME Flow
Providing an OGC API Processes REST Interface for FME Flow
Safe Software
 
Integration of Utility Data into 3D BIM Models Using a 3D Solids Modeling Wor...
Integration of Utility Data into 3D BIM Models Using a 3D Solids Modeling Wor...
Safe Software
 
Kubernetes Security Act Now Before It’s Too Late
Kubernetes Security Act Now Before It’s Too Late
Michael Furman
 
“Key Requirements to Successfully Implement Generative AI in Edge Devices—Opt...
“Key Requirements to Successfully Implement Generative AI in Edge Devices—Opt...
Edge AI and Vision Alliance
 
Raman Bhaumik - Passionate Tech Enthusiast
Raman Bhaumik - Passionate Tech Enthusiast
Raman Bhaumik
 
MuleSoft for AgentForce : Topic Center and API Catalog
MuleSoft for AgentForce : Topic Center and API Catalog
shyamraj55
 
Mastering AI Workflows with FME - Peak of Data & AI 2025
Mastering AI Workflows with FME - Peak of Data & AI 2025
Safe Software
 
Edge-banding-machines-edgeteq-s-200-en-.pdf
Edge-banding-machines-edgeteq-s-200-en-.pdf
AmirStern2
 
FIDO Seminar: Evolving Landscape of Post-Quantum Cryptography.pptx
FIDO Seminar: Evolving Landscape of Post-Quantum Cryptography.pptx
FIDO Alliance
 
National Fuels Treatments Initiative: Building a Seamless Map of Hazardous Fu...
National Fuels Treatments Initiative: Building a Seamless Map of Hazardous Fu...
Safe Software
 
FME for Distribution & Transmission Integrity Management Program (DIMP & TIMP)
FME for Distribution & Transmission Integrity Management Program (DIMP & TIMP)
Safe Software
 
AI vs Human Writing: Can You Tell the Difference?
AI vs Human Writing: Can You Tell the Difference?
Shashi Sathyanarayana, Ph.D
 
Bridging the divide: A conversation on tariffs today in the book industry - T...
Bridging the divide: A conversation on tariffs today in the book industry - T...
BookNet Canada
 
AudGram Review: Build Visually Appealing, AI-Enhanced Audiograms to Engage Yo...
AudGram Review: Build Visually Appealing, AI-Enhanced Audiograms to Engage Yo...
SOFTTECHHUB
 
No-Code Workflows for CAD & 3D Data: Scaling AI-Driven Infrastructure
No-Code Workflows for CAD & 3D Data: Scaling AI-Driven Infrastructure
Safe Software
 
Ad

Connecting Office 365 and Windows 8 HTML/JavaScript Apps

  • 4. http://msdn.microsoft.com/en- http://msdn.microsoft.com/en- US/windows/apps/br229516.aspx US/windows/apps/br229516.aspx http://www.office365.com
  • 6. • • • • • •
  • 7. Microsoft Online SharePoint App (STS) Online SAML Request 1 (username, password) http://www.wictorwilen.se/Post/How-to-do-active- authentication-to-Office-365-and-SharePoint-Online.aspx 2 Response (security token) http://allthatjs.com/2012/03/28/remote-authentication- 3 Send security token in-sharepoint-online/ 4 Receive authentication cookies (rtFa, FedAuth) 5 Send request including cookies (rtFa, FedAuth)
  • 12. JavaScript C# Office 365 1 Create new Helper 2 New Helper Call signin method 3 from helper 4 Get token & cookie 5 Return cookie 6 “I’m authenticated!” “Awesome! Fetch me 7 some data” I need something from 8 you, here are the cookies 9 Return data Here’s your data
  • 18. • • • • • • • • •