Some test text!
Welcome to PDFTron. This is a guide to getting started with PDFTron's WebViewer sample and integrating it with Microsoft Teams as a Teams App. The WebViewer will let you open PDFs, Annotate, Fill and Sign, and so much more.
How do Apps work in Teams?
When apps are made for Microsoft Teams a JSON manifest file is generated.The manifest file contains all 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 or existing web apps are made possible.
The following needs to be installed for this guide:
First we need to set up a WebViewer, for this example we can explore PDFTron's samples for a preferred web framework and follow the guides to build the WebViewer.
Frameworks such as (linked to PDFTron guides):
The WebViewer sample needs to be publically available using HTTPS endpoints for Microsoft Teams. This can be done easily with the tool ngrok for testing and developing your app.
See Microsoft docs - Setup locally hosted web app for more information.
Follow steps below or setup ngrok
choco install ngrok
ngrok authtoken <token>
ngrok http 4200 --host-header=localhost:4200
Edit manifest fileunderneath
Developmentheader or go to the
Alternatively, the app can be zipped and sideloaded into Teams as well.
You should have something like this at the end!
Note: If there is an issue with Sideloading not being enabled, you must sign into the admin center as the admin and enable it.
Upload custom apps
This may take time to update after enabling it in the admin center.
In this guide, we have put together PDFTron's WebViewer with a Microsoft Teams Personal Tab. A completed sample project can be found here as well
If you are interested in trying other features with the PDFTron's WebViewer, check out the getting started guides.
That is all, if you need any help our contact information is here.
Get the answers you need: Support