This browser is no longer supported.
Upgrade to Microsoft Edge to take advantage of the latest features, security updates, and technical support.
![](data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' height='64' class='font-weight-bold' style='font: 600 30.11764705882353px "SegoeUI", Arial' width='64'%3E%3Ccircle fill='hsl(249.60000000000002, 10%, 34%)' cx='32' cy='32' r='32' /%3E%3Ctext x='50%25' y='55%25' dominant-baseline='middle' text-anchor='middle' fill='%23FFF' %3EMK%3C/text%3E%3C/svg%3E)
Hi Team,
We have an existing web application which is built using requireJS , backboneJS and internal framework . We want to consume/ include SPFx through CDN (not through npm module) to support sharepoint online and sharepoint related feature when our web application is added as sharepoint page.
We manily need SPFx support for below funtionality
Thanks,
Mithun
![](data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' height='64' class='font-weight-bold' style='font: 600 30.11764705882353px "SegoeUI", Arial' width='64'%3E%3Ccircle fill='hsl(252.8, 5%, 34%)' cx='32' cy='32' r='32' /%3E%3Ctext x='50%25' y='55%25' dominant-baseline='middle' text-anchor='middle' fill='%23FFF' %3ER%3C/text%3E%3C/svg%3E)
Hi @Mithun K S,
To consume a SharePoint Framework (SPFx) web part through the Microsoft 365 Content Delivery Network (CDN), you need to follow specific steps to ensure your web part is correctly packaged, deployed, and configured to use the CDN. Here’s a detailed guide:
If the answer is helpful, please click "Accept Answer" and kindly upvote it. If you have extra questions about this answer, please click "Comment".
Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.
Thank you for the answer.
Now we do not have any webpart and we are not planning to build one. We have already have Teams Tab application using TeamsJS SDK.
Below are the steps we ae following to add our page to Sharepoint.
Now we are facing issue with dialogs and Graph token which is not working through TeamsJS SDK, we are plannning to cosnume SPFx through CDN and replace it with supported module from framework.
Thanks,
Mithun
![](data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' height='64' class='font-weight-bold' style='font: 600 30.11764705882353px "SegoeUI", Arial' width='64'%3E%3Ccircle fill='hsl(176, 78%, 27%)' cx='32' cy='32' r='32' /%3E%3Ctext x='50%25' y='55%25' dominant-baseline='middle' text-anchor='middle' fill='%23FFF' %3EPM%3C/text%3E%3C/svg%3E)
Could you please refer this and let us know if that helps?
https://learn.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/using-web-part-as-ms-teams-tab
https://learn.microsoft.com/en-us/microsoftteams/platform/tabs/how-to/tabs-in-sharepoint
Also is there any specific error you are getting while using dialogs and Graph API?
Could you please provide more details on your issue? Please provide any error you are getting while integrating Teams tab app with SharePoint framework.
Hi @Prasad-MSFT
We follwed https://learn.microsoft.com/en-us/microsoftteams/platform/tabs/how-to/tabs-in-sharepoint without SPFx . We had used teamsJS SDK
https://learn.microsoft.com/en-us/javascript/api/@microsoft/teams-js/?view=msteams-client-js-latest
We are unable to receive promise object for following methods/ API of micsosoftTeams
Even the SDK initialization was failing in sharepoint context . We got an input from MSFT support asking us to send domain while initialzation.
ex : microsoftTeams.app.initializesharepointdomains);
Since the solution already built for Teams using TeamsJS and now for switching to SPFx for sharepoint would be difficult . Our idea is to use single app using TeamsJS for both Teams and Sharepoint
Thanks,
Mithun
Any update ?
The SDK initialization might fail if the domain you're using to initialize is not included in the valid domains for your app in the app manifest.
Regarding the microsoftTeams.tasks.startTask method, this is typically used to open a task module within Teams. If you're facing issues with this method, it could be related to how the task module is being invoked or the configuration of the task module itself.
IS there a way which we can open dialog in sharepoint using MicrosotteamsJS SDK ?
And any input on gettting bootstrap token using microsoftTeams.authentication.getAuthToken() ? This call is not wrking in Sharepoint context
We will check this query with engineering team and will revert back.