msft-teams / tools Goto Github PK
View Code? Open in Web Editor NEWTemplates and tools from Microsoft Teams Engineering
Templates and tools from Microsoft Teams Engineering
I developed Microsoft Teams Tab app, which I'm adding to the chat and teams channels.
From the Graph API tab app needs to chceck who is a member of a chat/teams channel, and also read who is a manger among members.
For development (Visual Studio, Blazor) I registered the app in my temporary tenant, I was able to test application in Microsoft Teams as an admin and a a user. It was working properly (everything was on localhost).
Right now I want to test it on the company domain. I tunneled app using ngrok, administrator registered an app in Azure.
I changed manifest to be compatible with information I got from the administrator.
My "webApplicationInfo" (id and resource) are the same as Application (client) ID and Application ID URI from Azure.
When I'm opening a tab in Teams (it doesn't matter if it's web or desktop app) I'm getting error:
ExtensionTabService: getAuthTokenForApp: Failed with error - App resource defined in manifest and iframe origin do not match.
What can I change to make it work?
I have noticed that the CompanyCommunicator sometimes disappears from the TeamsSampleHub, and this is because of the expiration date configured in Azure to generate the StorageTableEndPoint parameter. I have tried to extend the expiration date to more than a month but he ends up going back to a close date. With that, the CompanyCommunicator disappears from TeamsSampleHub in a few days.
Do you have any suggestions?
Thank you.
Hi,
Due to complex SharePoint Online architecture at a customer we have deployment the Web Part using the manual process. This works perfectly fine but we are seeing the following behavior on different browsers, it is always worth noting that the App Catalog resides on one site collection with a vanity domain and the sites reside on another site with a different vanity domain so the automated deployment was not possible:
IE 11 (aware this is not really compatible) - able to access the web part but no media
Chrome (the browser of choice for the customer) - this errors with a message "Failed to load the componen (AppCatalogURLfor thewebpart) Original Error: Failed to load URL. There was a network problem. This may be a problem with a HTTPS certificate. Make sure you have the right certificate"
New Edge - Works fine throughout
I am focused on this being a client setting, possibly policy or proxy related. Just need confirmation that you have not seen this before or there is nothing else I should be thinking about here.
Thanks
How to Export user and team chat history Microsoft Team ?
Is there any tools, Powershell or API available to export user's 1:1 and group chat history using app token?
Good day, we have used this learning pathways and deployed in test environment.
However when trying to share the site with users outside of domain is giving below error.
If the problem persists, contact the site administrator and give them the information in Technical Details.
TECHNICAL DETAILS
[SPLoaderError.loadComponentError]:
Failed to load component "141d4ab7-b6ca-4bf4-ac59-25b7bf93642d" (CustomLearningWebPart). Original error: Failed to load path dependency "M365LPStrings" from component "141d4ab7-b6ca-4bf4-ac59-25b7bf93642d" (CustomLearningWebPart). Original error: Error loading https://component-id.invalid/141d4ab7-b6ca-4bf4-ac59-25b7bf93642d_4.2.0/M365LPStrings
Unable to load script https://oururl/26c9cd9f-db62-49b1-b102-7f0dad281ea0/webpart-m365lpstrings_en-us_5ebf05c87596e5efe5e691d313907759.js
INNERERROR:
Failed to load path dependency "M365LPStrings" from component "141d4ab7-b6ca-4bf4-ac59-25b7bf93642d" (CustomLearningWebPart). Original error: Error loading https://component-id.invalid/141d4ab7-b6ca-4bf4-ac59-25b7bf93642d_4.2.0/M365LPStrings
Unable to load script https://oururl/26c9cd9f-db62-49b1-b102-7f0dad281ea0/webpart-m365lpstrings_en-us_5ebf05c87596e5efe5e691d313907759.js
CALLSTACK:
Error
at t [as constructor] (https://modern.akamai.odsp.cdn.office.net/files/sp-client/sp-pages-assembly_en-us_c20e2e743b9ccb84e25b3af672e12bfd.js:65:19844)
at new t (https://modern.akamai.odsp.cdn.office.net/files/sp-client/sp-pages-assembly_en-us_c20e2e743b9ccb84e25b3af672e12bfd.js:65:161132)
at Function.e.buildErrorWithVerboseLog (https://modern.akamai.odsp.cdn.office.net/files/sp-client/sp-pages-assembly_en-us_c20e2e743b9ccb84e25b3af672e12bfd.js:65:198451)
at Function.e.buildLoadComponentError (https://modern.akamai.odsp.cdn.office.net/files/sp-client/sp-pages-assembly_en-us_c20e2e743b9ccb84e25b3af672e12bfd.js:65:194496)
at https://modern.akamai.odsp.cdn.office.net/files/sp-client/chunk.systemjs-component-loader_en-us_81e520b4b1a6f331093c.js:1:11895
Is access to site across the domain supported? thanks,
Hi everyone,
I am trying to deploy the SampleHubReactVersion in my Office 365 developer subscription. Azure resources are using the same Azure AD.
Getting done with all the steps, I am gettings this:
I have some doubts about what I configured:
Some screenshots of the important files:
Thanks in advance
The app is not able to automatically authenticate the user on SharePoint. This is a major block for the use of this app and this scenario to extend Microsoft Teams and to increase the adoption by bringing SharePoint content to Teams.
The only way to make it work is by opening a SharePoint page inside the Teams client using the SharePoint app or the website app, which is not a solution because the end user do not know it has to be done.
After doing the authentication if the user closes the Teams client, the issue happens again until a new SharePoint page is opened.
If using the browser everything works fine and the authentication is shared between SharePoint and Teams, but again using the browser is not the ideal solution if we want to increase the adoption.
Tried several approaches including the ones being used by the SPFx solutions to do the authentication on modern SharePoint web parts but the result is the same and it ends up showing a blank page.
@arun-msft After using for a while, Graph access token will expire
I noticed that whenever I publish a new version of TeamsSampleHub, for it to work again on my cell phone, I need to open Shifts before open SampleHub.
To replicate:
Apparently SampleHub is loading only if I first access Shifts.
Any suggestions?
Thanks.
@arun-msft Suggest to empty these two Values URL.
So far everything is working for linking to various pages on our SharePoint site (same domain), with one exception: we are linking to a training event calendar on our Learning Pathways site. Part of this calendar includes automatically generated "Add to calendar" links that open an ICS file when clicked. These links show up on all browsers when directly accessing the site, but do not appear in the Teams client (mobile or web) when using the Get Started app.
Is there any known configuration change we need to make to get these links to be available?
Looks like the new manifest for SSO just needs a comma after the id element in the WebApplicationInfo section.
@arun-msft It is better if there are descriptions about the parameters of SharePoint.
is it possible to link LinkedIn in M365 Learning pathways
When I try to install the SampleHub - React version and install the app in Teams, i can see the React loading screen, but that's it.
The console show
ExtensionTabService: getAuthTokenForApp: Failed with error - App resource defined in manifest and iframe origin do not match
I followed the steps as good as I could. To the end, the guide gets a bit unclear.
Is there a step missing in the installation guide?
Any help would be appreciated.
I came across this video showing Teams deep linking (around minute 6) and tried it myself in three different tenants. It always only shows the SPO deeplinks, not the teams based ones. Am I doing something wrong?
I am trying to change the color.png icon from the Microsoft 4 color box to our company logo. I have resized (pixels) our logo to match the size of the MS box. I've copied the new logo into the original zip file, however when I try to load the new app in Teams, I receive this message.
Error while reading manifest.json: Failed to find icon "color.png" file in the package.
Is it possible to change the color.png file in the zip package?
Thanks
In Learning Pathway, is there any way to get usage metrics per user?
Is there a way to account for the amount of time spent on a playlist (Export a report) per user apart from the General usage analytics used to track page traffic
@arun-msft Configure groupId/tenantId values are better than hard code values
@arun-msft There is a section describing how to add Microsoft Graph API permissions, it is better to add step to prompt that need admin consent permission.
The error reads: Error while extracting package: Please ensure there are no folders in your app package and that your app package contains only the manifest.json and the two required icon files at its root level. For an easier experience creating your app package, install App Studio from the Teams Store.
There are 3 files in my manifest. I have zipped on windows and on my mac and neither version will work.
We want to add some tabs that are outside of SharePoint into this app. An example is to another application that is not a Microsoft product but has a secure website (https). The other is a Microsoft Form that we want as a tab, not embedded on a SharePoint page (it doesn't keep the theme when we do this).
Is this possible? Has anyone accomplished this, and if so, how?
@arun-msft JS will throw Exception if News/Announcement features are not configured.
When customizing this plugin with our environment, I placed our helpdesk site as one of the tabs. When viewing on mobile, the portal loads, but the desktop client just shows a blank tab. Is there additional considerations that are necessary for a non-sharepoint URL to be usable in both clients? Adding the same website in an existing team as a website functions properly.
Getting Started.zip is outdated still has the old manifest files.
The GettingStarted App I downloaded here uploads to my Teams environment without issue, but obviously the links do not work. So following the guidance I unzipped the file, modified the URLs and re-zipped the file. My newly re-zipped file will not upload. I have zipped the file using both Windows 10 and WinZip. I'm very interested in using this App to help our clients roll out Teams. Is there a step I'm missing in order to upload the file correctly?
Any idea why my Sample Hub app won't show on my android phone teams app? It shows up fine in the desktop for the same user as per the setup policy. I have other custom apps show up as per the same policy on my mobile app but the Sample Hub just won't show. I tried in the beta app, production app, developer preview app on and off but no dice. TIA for any thoughts.
@arun-msft There is a section describing how to register Home App with Azure AD, but it lacks steps to describe how to enable implicit grant flow.
I have uploaded the Get Started app using the instructions and in our Teams there is no icon appear - it is just a greyed out space. The app appears to work once it appears for everyone, but the colored icon does not appear:
What the icon appears as in the Admin center:
What users see when opening Apps from within Teams
Any suggestions/thoughts as to why the icon is not appearing?
This is still an issue, any SPO page added into the manifest fails to show in the Teams desktop client. Everything loads properly in the web client.
The info in the 'pull requests' does not resolve the issue. The information there is mis-leading in that it states it resolves the issue when it does not.
Clicking on any of the main panels onth start page results in a "Something went wrong"
TECHNICAL DETAILS
[SPLoaderError.loadComponentError]:
Failed to load component "141d4ab7-b6ca-4bf4-ac59-25b7bf93642d" (CustomLearningWebPart). Original error: Failed to load path dependency "M365LPStrings" from component "141d4ab7-b6ca-4bf4-ac59-25b7bf93642d" (CustomLearningWebPart). Original error: Error loading https://component-id.invalid/141d4ab7-b6ca-4bf4-ac59-25b7bf93642d_4.3.1/M365LPStrings
Unable to load script https://oneymca.sharepoint.com/sites/appcatalog/ClientSideAssets/26c9cd9f-db62-49b1-b102-7f0dad281ea0/M365LPStrings_en-us_acb00a81f471bc93e4b4042805412586.js
INNERERROR:
Failed to load path dependency "M365LPStrings" from component "141d4ab7-b6ca-4bf4-ac59-25b7bf93642d" (CustomLearningWebPart). Original error: Error loading https://component-id.invalid/141d4ab7-b6ca-4bf4-ac59-25b7bf93642d_4.3.1/M365LPStrings
Unable to load script https://oneymca.sharepoint.com/sites/appcatalog/ClientSideAssets/26c9cd9f-db62-49b1-b102-7f0dad281ea0/M365LPStrings_en-us_acb00a81f471bc93e4b4042805412586.js
CALLSTACK:
Error
at t [as constructor] (https://res-1.cdn.office.net/files/sp-client/sp-pages-assembly_en-us_49d37ded9db4e12f19a385ada4e9abe3.js:70:540775)
at new t (https://res-1.cdn.office.net/files/sp-client/sp-pages-assembly_en-us_49d37ded9db4e12f19a385ada4e9abe3.js:70:798693)
at e.buildErrorWithVerboseLog (https://res-1.cdn.office.net/files/sp-client/sp-pages-assembly_en-us_49d37ded9db4e12f19a385ada4e9abe3.js:70:835977)
at e.buildLoadComponentError (https://res-1.cdn.office.net/files/sp-client/sp-pages-assembly_en-us_49d37ded9db4e12f19a385ada4e9abe3.js:70:832068)
at https://res-1.cdn.office.net/files/sp-client/chunk.systemjs-component-loader_en-us_c9d296eaa8490acee6b3.js:1:6036
Hi
we deploy M365 Learning Pathways, but this working fine in the client web the microsoft teams, in shared point it working, but in the client desktop the microsoft teams not working.... only we can see the bar, no more...
would you help me please
@arun-msft Configurable website name is better than static "News".
I have modified and deployed the App to Teams. When you navigate the tabs in the app none of the sites load within the Teams client. But if I choose the "Go to website" option for the tab the site loads as expected so I am confident that I have the right url and user rights. This is the same for both SharePoint Online sites and public websites like the Coffee in the Cloud youtube site.
When opening the app from the Web Client everything works just fine. This is only when using the desktop client.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.