How to test the Teams Service App in a Sandbox Environment

Introduction

Two different Teams apps are available with Thread.

• Internal Teams App - This is the app you deploy into your organization's (MSP) environment if you are using Teams as your internal collaboration tool. It allows you to interface with tickets and threads as the MSP.

  

• Customer Teams App - This is the customized white labeled app that you can deploy to your customers' environments. It embeds Messenger as an iframe within the app and includes a service bot that customers can interact with and get updates on tickets/threads.

  

Because we are deploying two different apps, you are not able to deploy the customer teams app into your environment. However, you may want to test the customer experience before you deploy it to your actual customers.

If you want to deploy the Customer teams app to a test environment before you deploy to your customers, this article is for you.

Step 1 - Create a Microsoft 365 Sandbox Environment

You first need a Microsoft 365 test environment to deploy the Customer teams app to. Fortunately, Microsoft has made it very easy to sign up for a developer sandbox account which you can deploy the Teams app to!

For an updated guide on this step direct from Microsoft, refer to this article.

1. First you need to join the Microsoft 365 developer program - start out the form here.
2. On the First page, fill out your info & accept the terms.

   

3. What is your primary focus as a developer? Answer, "Custom solutions for my own customers", click Next.
4. What areas of Microsoft development are you interested in? Answer, "Microsoft Teams", click Next.
5. Click Save.
6. Choose your Microsoft 365 E5 developer sandbox. Select Instant sandbox, click Next.

   

7. Set up your Microsoft 365 E5 instant sandbox.

   

   1. Enter your country/region.
   2. Enter the preferred Admin username.
   3. Enter the preferred Admin Password.
   4. Click Continue when all is filled out.
8. Add a phone number for security. Enter a phone number you control for SMS authentication. Click Send Code and Enter the Code. Click Set up when authenticated.

   

9. Congrats your Microsoft 365 Sandbox environment is now setup!
10. To log into your sandbox environment - navigate to https://developer.microsoft.com/en-us/microsoft-365/profile and click on the Go to subscription link. You can now log in with the new credentials you set up!

Step 2. Deploy Customer Teams App to Sandbox

Now that we've set up a Microsoft 365 sandbox environment, we can deploy our Custom Teams app to the environment. If you've gotten this far and haven't finished customizing Messenger and your Teams app, you will want to make sure that you've finished Setting up Messenger.

If Messenger and the Teams app is customized the way you like it, then you are all clear to proceed.

1. (Optional Step) It is recommended that you open up a separate browser session from your normal session by using your browser's Guest or Incognito modes.
   We recommend Guest or Incognito mode for this section because you will be signing into the Microsoft 365 Sandbox environment that you created, you don't want to accidentally deploy to your internal tenant.
2. Sign-in to the Thread Admin Panel and Navigate to the Clients tab.
3. Use the Magnifying Glass to search for the test Company you'd like to deploy to and select it.
   For this example, we have selected a random test company. However, you can select any company you choose so long as it's not a real customer. If you are a ConnectWise partner, you can use XYZ Test Company.

   

   For this step it is quicker to use a test company that already exists in your Ticketing System. If you don't have one already created, you can create a new company. However, you may need to wait up to 12 hours for the job to run to sync new companies from the ticketing system into Thread.
4. After clicking into the client, navigate to the Teams/Slack Connect Tab.

   

5. Select Microsoft Teams and click Continue.
6. Choose the Teams app you wish to deploy to the sandbox Microsoft 365 environment and click Continue.

   

7. On the following screen, you will be presented with a couple options:
   1. Email Invite - Use this option when you don't have admin access to the Customer's Teams environment, and you need another Admin to help complete the deployment. They will receive a Magic Link via email which will walk them through the deployment steps.
   2. Magic Link - We will choose this option since we have admin access to the Teams environment that we will be deploying to.

      

8. Click Copy link next to the Magic Link and paste it into a new tab in your current browser session.
   If you skipped step 2.1 and did not open a guest browser session, now is the time to do so.
9. Upon navigating to the Magic Link, you will be asked to authenticate with the Microsoft 365 Sandbox account you created in step 1. Enter the email pertaining to that sandbox account and click Next. Enter your password and approve any MFA.
   If you weren't already signed into Thread from your browser session, upon clicking on the Magic Link, you may be asked to sign in to Thread before it will redirect to the Microsoft login. You must have admin access in Thread for the next step to work.

   

10. Permissions will be requested for the bot. Click Accept.

    

11. If this step was successful, you should see something similar to the following screen.

    

12. Click the Download App link to download the custom Teams app that you are deploying to this customer.

    

13. Navigate to the Teams Admin Center (https://admin.teams.microsoft.com) -> Teams apps -> Manage apps.

    

14. Click the + Upload new app button.

    

15. Click Upload and in the file browser pop-up select the custom teams app .zip file you downloaded in step 2.12, then click Open.

    

16. Now that the zip has been uploaded, you will want to set who in the tenant has access to the app. Navigate to Teams apps -> Setup policies.

    

17. Click Global (Org-wide default).

    

18. Under Installed apps, click the Add apps button.

    

19. An Add installed apps sidebar will appear. Search for the app based on the Teams app name you defined when building your custom teams app. Find the app, click Add and Add again at the bottom of the panel.
    To identify the name of your custom app, navigate to the Thread Admin panel (Messenger -> Teams Apps -> Edit -> Teams app name). The Teams app name is what you want to search for.
    

    

20. Under the Pinned apps section, click the + Add apps button.

    

21. Search for the app based on the Teams app name you defined when building your custom teams app. Find the app, click Add and Add again at the bottom of the panel.

    

22. You should see the app under Pinned apps. If you want the app to feature prominently in your users Teams, you can move it up or down and click Save when done.

    

23. Congrats you are all set up with your Customer Teams app in your Microsoft 365 sandbox! You are now ready to test out Messenger and start some live chats!
    It may take time for the app to show up in users' Teams environment, please reboot and/or allow up to 24 hours for the changes you just made to take effect.