Coder Social home page Coder Social logo

yannickre / sharepoint-page-teams-embed Goto Github PK

View Code? Open in Web Editor NEW
10.0 10.0 1.0 2.55 MB

Embed any SharePoint page from within your tenant (not just from the associated SharePoint site) as a tab in your Microsoft Teams team or group chat, using Single Sign-On.

Home Page: https://blog.yannickreekmans.be/show-sharepoint-page-in-microsoft-teams/

JavaScript 63.18% TypeScript 31.89% HTML 2.34% Shell 2.20% SCSS 0.38%

sharepoint-page-teams-embed's Introduction

Heya, I'm Yannick Reekmans ๐Ÿš€

Microsoft Cloud Solution Architect | Business Applications MVP | Microsoft 365 MVP

About me

Yannick (a Microsoft 365 MVP & Business Applications MVP) is born and raised in SharePoint, starting out his career in 2011 when SharePoint 2010 was still new and shiny. The changing reality of the cloud made him expand his knowledge to the whole of Microsoft 365, Azure, and Power Platform.

He is a Managing Partner and Cloud Solution Architect at Qubix, a Belgium-based consultancy firm, responsible for the technical underpinnings of products and solutions. He owns KEOS, a management company to support his independent work.

Problem solving and development are his passion, still working day to day with code.

He always asks the important questions: How does it work? What do you want to achieve? Does it have an API? Do we really need development for this? Where's the coffee?

About me, the tldr;

๐Ÿ‡ง๐Ÿ‡ช Belgium-based
๐Ÿ† Microsoft 365 MVP & Business Applications MVP
๐Ÿ”ญ Managing Partner and Cloud Solution Architect at Qubix
๐Ÿ’ฐ Owner of KEOS
๐Ÿ“ Blog at https://blog.yannickreekmans.be
๐Ÿฃ Tweet at @YannickReekmans
๐ŸŽค Speaks at wherever they give him a stage and an audience
๐Ÿ’ฌ Ask me about Microsoft 365, SharePoint Development, Microsoft Teams (Development), Power Platform (Power Automate, Power Apps, Dataverse, ALM, ...)

Find me

ย ย  ย ย  ย ย  ย ย  ย ย  ย ย 

Github stats

GitHub Streak

sharepoint-page-teams-embed's People

Contributors

yannickre avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

Forkers

pdl5p

sharepoint-page-teams-embed's Issues

SharePoint Tab will not load (loading spinner)

Hey,

I am building a Teams app where an team manager can pin a tab with a specific SharePoint url to the team. This was working before (at least so far I know). But since a while it stopped working and I was searching for a solution. I found the linked blog article. Sadly the workaround over the teamslogon.aspx page is not working so far. To be clear: It is working in the web or in the desktop app when I already visited a linked SharePoint page in an different tab (for example pinned with the Website app) and logged in. But in the desktop app, when I log out (or as a "new" user) and I visit my pinned tab, I just get the loading spinner.

When I open the Developer Tools from the Desktop Client I can reload the tab and get the following error message:
image

The error message is: "App webApplicationInfo or resource not defined in manifest".

The code in my config page to save the tab is:

let url = "https://m365xxxxxx.sharepoint.com/_layouts/15/TeamsLogon.aspx?SPFX=true&dest=/sites/ss/SitePages/Empty-Page-Somewhere-else.aspx";
let contentUrl = url;
let title = new Date().toString() + "";

microsoftTeams.settings.setSettings({
       entityId: "xxxx",
       contentUrl: contentUrl,
       suggestedDisplayName: title,
       websiteUrl: url,
       removeUrl: window.location.origin + "/remove.html?teams=1"
});

The relevant manifest part is:

    "validDomains": [
        "*.sharepoint.com",
        "msft.spoppe.com",
        "resourceseng.blob.core.windows.net",
        "spoprod-a.akamaihd.net",
        "spoppe-a.akamaihd.net",
        "*.sharepoint-df.com",
        "*.login.microsoftonline.com"
    ],
    "webApplicationInfo": {
        "resource": "https://m365xxxxxxx.sharepoint.com",
        "id": "00000003-0000-0ff1-ce00-000000000000"
    }

What I did so far:

  • checked the url in the resource part of the manifest. No typo there
  • replaced all domains in the validDomains section, pasted the correct SharePoint url there instead of the *.sharepoint.com
  • tested different urls in the config part (instead of the root url in the first part used the full url to the site, in the dest part used the absolute path instead of the relative one)
  • tested different pages (my target page would be one with a spfx webpart on it. So I tested with a blank page instead)
  • tested different sites (team site, communication site, the team site where I pinned the tab)
  • added &inTeamsSSO=True to the teamslogon.aspx parameters
  • changed the manifest version from 1.7 to 1.5
  • retyped the webApplicationInfo part in the manifest to exclude a copy and paste error
  • tested different users (admin account, account with just read rights to the specific sites)
  • tested with Teams on my working machine and in a vm

Since the urls always work correctly when I am in the browser, I can be sure that there is no typo or that something is absolutely incorrect there.

The error message looks like there is an error in my manifest, but I cant figure it out alone. Maybe I am just blind by watching on it the whole day. Am I missing an important part in the manifest? Are the tenant settings which has to be made that this is working in the desktop app?

Best regards and hopefully someone can help me here. Thanks in advance

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.