Skip to content

Latest commit

 

History

History
 
 

Folders and files

NameName
Last commit message
Last commit date

parent directory

..
 
 
 
 
 
 
page_type description products languages extensions
sample
Demonstrating feature where user can checkin with current location and view all previous checkins.
office-teams
office
office-365
csharp
contentType createdDate
samples
11-11-2021 23:30:17

App check in location

This sample shows feature where user can checkin with current location and view all previous checkins.

Currently, Microsoft Teams support for get geolocation capability is only available for mobile clients

Check in card

Geo Location

User details card

User last checkin card

Prerequisites

  • .NET Core SDK version 3.1

    determine dotnet version

    dotnet --version
  • Ngrok (For local environment testing) Latest (any other tunneling software can also be used)

    run ngrok locally

    ngrok http -host-header=localhost 3978
  • Teams Microsoft Teams is installed and you have an account

To try this sample

  1. Create a Bot Registration In Azure portal, create a Bot Framework registration resource.
    • Ensure that you've enabled the Teams Channel
    • While registering the bot, use https://<your_ngrok_url>/api/messages as the messaging endpoint.

NOTE: When you create your bot you will create an App ID and App password - make sure you keep these for later.

  1. Clone the repository

    git clone https://github.com/OfficeDev/Microsoft-Teams-Samples.git
  2. In a terminal, navigate to samples/app-checkin-location/csharp

    change into project folder

    cd # AppCheckinLocation
  3. Run ngrok - point to port 3978

    # ngrok http -host-header=rewrite 3978
  4. Modify the manifest.json in the /AppPackage folder and replace the following details:

  • {{Microsoft-App-Id}} with Application id generated from Step 1
  • {{domain-name}} with base Url domain. E.g. if you are using ngrok it would be 1234.ngrok.io
  1. Zip the contents of AppPackage folder into a manifest.zip, and use the manifest.zip to deploy in app store or add to Teams using step 9.

  2. Modify the /appsettings.json and fill in the following details:

  • {{Microsoft-App-Id}} - Generated from Step 1 is the application app id
  • {{ Microsoft-App-Password}} - Generated from Step 1, also referred to as Client secret
  • {{ Application Base Url }} - Your application's base url. E.g. https://12345.ngrok.io if you are using ngrok.
  1. Run the bot from a terminal or from Visual Studio, choose option A or B.

    A) From a terminal

    # run the bot
    dotnet run

    B) Or from Visual Studio

    • Launch Visual Studio
    • File -> Open -> Project/Solution
    • Navigate to AppCheckinLocation folder
    • Select AppCheckinLocation.csproj file
    • Press F5 to run the project
  2. Upload the manifest.zip to Teams (in the Apps view click "Upload a custom app")

    • Go to Microsoft Teams. From the lower left corner, select Apps
    • From the lower left corner, choose Upload a custom App
    • Go to your project directory, the ./AppPackage folder, select the zip folder, and choose Open.
    • Select Add in the pop-up dialog box. Your app is uploaded to Teams.

Features of this sample

  • Card with actions check in.

Check in card

  • Geo Location of user.

Geo Location

  • User details.

User details card

  • viewcheckindetails of user.

User last checkin card

Deploy the bot to Azure

To learn more about deploying a bot to Azure, see Deploy your bot to Azure for a complete list of deployment instructions.

Further reading