# Cloud devices in BrowserStack

> Use [BrowserStack](https://www.browserstack.com/) to run your applications on a cloud-based testing platform across a range
of real devices.

Use [BrowserStack](https://www.browserstack.com/) to run your applications on a cloud-based testing platform across a range
of real devices.

## Prerequisites for BrowserStack integration

MDM (Mobile Device Manager) requires configuration parameters from BrowserStack. For
smoother interaction, we recommend that you complete several prerequisites in BrowserStack
before other MDM operations.

1. Create a BrowserStack account and log in.
2. Open BrowserStack and navigate to **Capabilities Configurator**.
3. Open the BrowserStack documentation page and navigate to **App Automate**.  

   ![App Automate in BrowserStack](https://dev-assets.cms.uipath.com/assets/images/activities/ui-automation-app-automate-in-browserstack-600797-d2442efd.webp)
4. On the **Welcome to App Automate** page, select **Appium** and a programming
   language (e.g. C#).  

   ![Appium menu in BroswerStack](https://dev-assets.cms.uipath.com/assets/images/activities/ui-automation-appium-menu-in-broswerstack-600801-19161869.webp)
5. Scroll down to the **Developer Resources** section and select **Capability
   Generator**.  

   ![Capability Generator in BrowserStack](https://dev-assets.cms.uipath.com/assets/images/activities/ui-automation-capability-generator-in-browserstack-600805-e649d749.webp)
6. Configure the platform and device you would like to use. In the `*.yaml`
   file (displayed on the right-hand side of the screen), consult and get the information
   required to configure your cloud device in MDM: platform name and version, device name,
   and storage URL components (userName and
   accessKey).  

   ![Device configuration and YAML fiel in BrowserStack](https://dev-assets.cms.uipath.com/assets/images/activities/ui-automation-device-configuration-and-yaml-fiel-in-browserstack-600809-34422b15.webp)

## Adding applications

After completing the prerequisites for the BrowserStack integration, upload your
application on the BrowserStack platform, and then configure it in MDM.

1. Log in to BrowserStack.
2. Upload your application (iOS or Android) on the BrowserStack platform.
   1. Navigate to **App Automate** and, from the left-hand side menu,
      select **App Management**.  

      ![App Automate and App Management in BrowserStack](https://dev-assets.cms.uipath.com/assets/images/activities/ui-automation-app-automate-and-app-management-in-browserstack-600813-d0435675.webp)
   2. Select **Upload App**. Drag and drop your `*.apk`
      file (Android) or `*.ipa` file (iOS) onto the
      canvas.  

      ![Upload App in BrowserStack](https://dev-assets.cms.uipath.com/assets/images/activities/ui-automation-upload-app-in-browserstack-600817-65be7729.webp)

   Your application is available and can be used during mobile testing by
   referring to its ID (**APP ID** field).  

   ![App ID in BrowserStack](https://dev-assets.cms.uipath.com/assets/images/activities/ui-automation-app-id-in-browserstack-600821-361125d0.webp)
3. Open MDM from Studio.
4. In the left navigation panel, select **Applications**.  

   ![Applications in Studio](https://dev-assets.cms.uipath.com/assets/images/activities/ui-automation-applications-in-studio-600825-0bc283da.webp)
5. Select the plus sign.
6. In the **Edit application** screen:
   1. Enter a name for your application.
   2. Select the application type: **App** (for native applications) or
      **Web** (for browser applications).
   3. Select the platform: **Android** or **iOS**.
   4. Add the application URL. The format of the URL where the application is
      stored is: bs://AppId.  

      ![Edit applications and URL format in Studio](https://dev-assets.cms.uipath.com/assets/images/activities/ui-automation-edit-applications-and-url-format-in-studio-600829-576fbf68.webp)

Now, add and configure your cloud device in MDM.

## Adding cloud devices

Add and configure the cloud device you want to use within MDM.

1. Log in to MDM from Studio.
2. In the left navigation panel, go to **Devices**.  

   ![Devices in Studio](https://dev-assets.cms.uipath.com/assets/images/activities/ui-automation-devices-in-studio-600833-215ddddd.webp)
3. Select the plus sign.
4. Configure your device by entering the configuration parameters: device name
   (`deviceName`), platform name (`platformName`)
   and version (`platformVersion`), and the Appium URL
   (https://\<username\>:\<accessKey\>@hub-cloud.browserstack.com/wd/hub).
   For more information about how you can obtain configuration parameters from
   BrowserStack, consult the required [prerequisites](https://docs.uipath.com/activities/other/latest/ui-automation/cloud-devices-in-browserstack#prerequisites-for-browserstack-integration).

   ![YAML configuration parameters in BrowserStack](https://dev-assets.cms.uipath.com/assets/images/activities/ui-automation-yaml-configuration-parameters-in-browserstack-600902-30bbba8d.webp)
5. Start recording your automation from MDM.  

   ![Recording screen in Studio](https://dev-assets.cms.uipath.com/assets/images/activities/ui-automation-recording-screen-in-studio-600920-a46c2886.webp)