Articles → MICROSOFT BOT FRAMEWORK → Hosting The Bot On Microsoft Teams

Hosting The Bot On Microsoft Teams






Steps




  1. Open Microsoft Teams and click on the "apps" icon.
    2. Picture showing the apps icon in Microsoft teams
    Click to Enlarge

  2. In the apps window, search "App Studio" and install it.
    3. Picture showing searching the App Studio in the apps screen
    Click to Enlarge

  3. In the "App Studio", click on the "Manifest Editor" tab.
    4. Picture showing the Manifest Editor tab of the App Studio
    Click to Enlarge

  4. Click on the button "Create a new app".
  5. A window will appear to enter the details about the application. First, enter the "Short Name", "Full Name", "App ID", "Package Name" and "Version" field.
    6. Picture showing the screen to create a new app
    Click to Enlarge

  6. Post that scroll down and fill in the following information - "Short Description", "Full Description", "Developer/ Company Name" and "Website".
    7. Picture showing the screen to create a new app
    Click to Enlarge

  7. Finally, add the "Privacy Statement" and "Terms of use" fields.
    8. Picture showing the screen to create a new app
    Click to Enlarge

  8. Once the information is filled in the form, click on the "Bot"option on the left-hand side menu.
    9. Picture showing the Bot option after the app is created
    Click to Enlarge

  9. Click on the "Set up"button.
  10. A window will appear where you can specify the bot name and other bot settings.
    11. Picture showing the Set up a bot screen
    Click to Enlarge

  11. Click on the "Create bot" button.
  12. Another screen will appear where you can enter the messaging endpoint. Please note that App Id and password are already generated. You can note it down.
    13. Picture showing a screen to enter the message endpoint
    Click to Enlarge

  13. In the messaging endpoint field, press the enter key after entering the endpoint. A tick mark will appear in the textbox.
    14. Picture showing the tick mark icon besides the messaging endpoint field
    Click to Enlarge

  14. On the left-hand side menu, click on the option "Domains and Permissions".
    15. Picture showing the Domains and Permissions menu
    Click to Enlarge

  15. Inside the "Domains and permissions" tab, enter the ngrok URL in "Valid Domains" section and click on the "Add" button.
    16. Picture showing a field to enter ngrok URL
    Click to Enlarge

  16. Finally, in the "Test and distribute" tab, click on the "Download" button.
    17. Picture showing the Download button in Test and distribute tab
    Click to Enlarge

  17. Now, go to the "Apps" tab again and click on the "Upload a custom app" → "Upload for Default Directory".
    18. Picture showing the Upload for Default Directory option
    Click to Enlarge

  18. A window will appear to select the ZIP file. The zip file contains the manifest file and icon images.
    19. Picture showing the content of the ZIP file
    Click to Enlarge

  19. An application gets added in the default directory.
    20. Picture showing the application uploaded in the default directory
    Click to Enlarge

  20. Click on the app and then click on the "Add" button to add the application.
    21. Picture showing the Add button for adding the application
    Click to Enlarge



Output




Picture showing the username and password in the appsettings.json file
Click to Enlarge





Picture showing the output of bot in microsoft teams
Click to Enlarge


App Manifest




Picture showing the content of manifest.json file
Click to Enlarge


Posted By  -  Karan Gupta
 
Posted On  -  Wednesday, January 13, 2021

Query/Feedback


Your Email Id
 
Subject
 
Query/FeedbackCharacters remaining 250