page_type | description | products | languages | extensions | urlFragment | ||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|
sample |
This sample shows tab capability with the feature of client sdk people picker. |
|
|
|
officedev-microsoft-teams-samples-tab-people-picker-nodejs |
This sample shows tab capability with the feature of client sdk people picker.
-
Office 365 tenant. You can get a free tenant for development use by signing up for the Office 365 Developer Program.
-
To test locally, NodeJS must be installed on your development machine (version 16.14.2 or higher).
-
ngrok or equivalent tunnelling solution
-
Setup NGROK Run ngrok - point to port 3978
ngrok http -host-header=rewrite 3978
-
Setup for code
-
Clone the repository
git clone https://github.com/OfficeDev/Microsoft-Teams-Samples.git
-
In a terminal, navigate to
samples/tab-people-picker/nodejs
-
Install modules
npm install
-
Run your bot at the command line:
npm start
-
This step is specific to Teams.
-
Edit the
manifest.json
contained in theManifest
folder to replace {{Manifest-id}} with any GUID -
{{base-url}}
with base Url domain. E.g. if you are using ngrok it would behttps://1234.ngrok.io
then your domain-name will be1234.ngrok.io
. Replace everywhere you see the place holder string{{base-url}}
Note => UpdatevalidDomains
as per your application domain, if needed. -
Zip up the contents of the
Manifest
folder to create amanifest.zip
-
Upload the
manifest.zip
to Teams (in the Apps view click "Upload a custom app")
-
Adding tab people picker UI:
Tab UI:
All Memberes Of Organisation Search:
Scope search:
Single Select:
Set Selected Search: