Some test text!
May 10 2022
by Derek Chong
Microsoft Teams is a popular collaboration app for businesses; more than 145 million monthly active users and 500,000 organizations rely on Teams. Previously, however, enabling interaction on PDFs in Teams was not easy or required a separate software service integration.
Well, in this guide, we show an easy way to boost productivity and keep users engaged, by enabling a full-fledged document experience right in their Microsoft Teams, no additional SaaS licenses required. We’ll show you how to integrate PDFTron’s WebViewer sample directly with MS Teams as a Teams App in a few steps.
WebViewer allows you to open PDFs, annotate, fill, sign, edit, and so much more in Teams. Check out the full
Note: Since we’re an SDK, you can later
A JSON manifest file is generated when apps are made for Microsoft Teams. The manifest file contains the information the user needs to use the Teams app, such as the web pages to navigate to for the Teams Tabs. Tabs in Teams are an <iframe>, so adding both new and existing web apps is possible.
The following needs to be installed for this guide:
First, we need to set up WebViewer. For this example, we can explore PDFTron's
The WebViewer sample needs to be publicly available using HTTPS endpoints for Microsoft Teams. This can be done quickly with the tool
Microsoft provides in more detail why ngrok should be used for the setup:
→ Microsoft instructions to
To install ngrok, follow the steps below found on
ngrok authtoken <token>
ngrok http 4200 --host-header=localhost:4200
Next, we start a new project for Microsoft Teams and connect our tunnel.
You should have something like this at the end!
Note: If there is an issue with Sideloading not being enabled, you must sign in to the
How to navigate the Admin Center (steps 1-4 as above)
And that's it! We hope this guide makes integrating a complete PDF and document experience with Microsoft Teams even easier.
If you’re interested in trying other features with PDFTron WebViewer, check out our
As always, if you have any questions, or run into any issues, don’t hesitate to reach out
This blog post describes how to open XLSX documents in a Vue web app and much more with PDFTron WebViewer.
This article describes how to open XLSX documents in an Angular web app and so much more with PDFTron WebViewer.
A description of how to open PPTX documents in a Vue web app and so much more with PDFTron WebViewer.