--- parser: v2 auto_validation: true primary_tag: software-product>mobile-development-kit-client tags: [ tutorial>beginner, operating-system>ios, operating-system>android, topic>mobile, software-product>sap-business-technology-platform, software-product>mobile-development-kit-client, software-product>sap-mobile-services, software-product>sap-build-code, software-product>sap-build ] time: 5 author_name: Jitendra Kansal author_profile: https://github.com/jitendrakansal slug: cp-mobile-dev-kit-ms-setup canonical_url: https://developers.sap.com/tutorials/cp-mobile-dev-kit-ms-setup --- # Set Up Initial Configuration for an MDK App Configure initial setup for MDK Mobile applications development. ## Prerequisites - **Tutorial:** [Access SAP Mobile Services](https://developers.sap.com/tutorials/fiori-ios-hcpms-setup.html) ## You will learn - How to configure MDK apps in the Mobile Services admin UI - How to configure destination for MDK Mobile applications --- ### Understand the Mobile Development Kit feature The mobile development kit (MDK) enables developers and technical business users to build cross-platform mobile applications in an integrated development environment, and run it natively on mobile devices (Android & iOS). You can find more details on the [mobile development kit developer page](https://developers.sap.com/topics/mobile-development-kit.html). ![MDK Cross-Platform Mobile Development Overview](https://raw.githubusercontent.com/sap-tutorials/sap-mobile-development-kit/main/tutorials/cp-mobile-dev-kit-ms-setup/img-1.png) ### Set Up New MDK App Configuration in the Mobile Services Admin UI Make sure that you have completed required prerequisites mentioned in this tutorial. 1. Navigate to the [SAP Mobile Services Admin UI](https://developers.sap.com/tutorials/fiori-ios-hcpms-setup.html). 2. On the home screen, click **Create New App** or navigate to **Mobile Applications** **→** **Native/MDK** **→** **New**. ![Mobile Services Home Screen Create New App](https://raw.githubusercontent.com/sap-tutorials/sap-mobile-development-kit/main/tutorials/cp-mobile-dev-kit-ms-setup/img-2.1.png) 3. In the **Type of Application** step, select the **Mobile Development Kit (MDK)** and choose **Next**. ![Type Of Application MDK Selection Step](https://raw.githubusercontent.com/sap-tutorials/sap-mobile-development-kit/main/tutorials/cp-mobile-dev-kit-ms-setup/img-2.2.png) 4. In the **Basic Info** step, provide the required information and choose **Next**. | Field | Value | |----|----| | `ID` | myapp.mdk.demo | | `Name` | SAP MDK Demo App | ![Basic Info Step App ID And Name Fields](https://raw.githubusercontent.com/sap-tutorials/sap-mobile-development-kit/main/tutorials/cp-mobile-dev-kit-ms-setup/img-2.3.png) >Other fields are optional. For more information about these fields, see [Creating Applications](https://help.sap.com/doc/f53c64b93e5140918d676b927a3cd65b/Cloud/en-US/docs-en/guides/getting-started/admin/manage.html#creating-applications) in the SAP documentation. 5. In the **Security Settings** step, continue with the default settings and choose **Next**. ![Security Settings Step Default Configuration](https://raw.githubusercontent.com/sap-tutorials/sap-mobile-development-kit/main/tutorials/cp-mobile-dev-kit-ms-setup/img-2.4.png) 6. In the **Role Settings** step, continue with the default settings and choose **Next**. ![Role Settings Step Default Configuration](https://raw.githubusercontent.com/sap-tutorials/sap-mobile-development-kit/main/tutorials/cp-mobile-dev-kit-ms-setup/img-2.5.png) 7. In the **Assign Features** step, select **Sample OData ESPM** from the feature list, and choose **Next**. ![Assign Features Step Sample OData ESPM Selection](https://raw.githubusercontent.com/sap-tutorials/sap-mobile-development-kit/main/tutorials/cp-mobile-dev-kit-ms-setup/img-2.6.png) >A [sample OData](https://help.sap.com/doc/f53c64b93e5140918d676b927a3cd65b/Cloud/en-US/docs-en/guides/features/backend-connectivity/common/sample.html) Enterprise Sales and Procurement Model (ESPM) service is available in Mobile Services admin UI for developers to use during development and testing. For MDK tutorials, you will be using this service. You can of course add your OData or REST service connecting to your backend system as covered in the next step. 8. In the **Review** step, you can verify the details of the application definition that you are creating. Make sure all the details are correct. Choose Edit to make any necessary modifications to the section. Choose **Finish** to create the mobile application configuration. This process may take 2-3 minutes. ![Application Configuration Review Step Finish](https://raw.githubusercontent.com/sap-tutorials/sap-mobile-development-kit/main/tutorials/cp-mobile-dev-kit-ms-setup/img-2.7.png) >If you see a _Application is without Role Settings_ warning message, choose **OK**. You may assign roles after the app has been configured, if needed. Once you have created your application, you see a list of default features have been automatically assigned to the app. ![Default Features Assigned To New Application](https://raw.githubusercontent.com/sap-tutorials/sap-mobile-development-kit/main/tutorials/cp-mobile-dev-kit-ms-setup/img-2.8.png) >You can find more information on available features in SAP Mobile Services in [help documentation](https://help.sap.com/doc/f53c64b93e5140918d676b927a3cd65b/Cloud/en-US/docs-en/guides/getting-started/admin/features.html). ### Explore Mobile Sample OData Service 1. Click **Sample OData ESPM**. ![Sample OData ESPM Feature Link](https://raw.githubusercontent.com/sap-tutorials/sap-mobile-development-kit/main/tutorials/cp-mobile-dev-kit-ms-setup/img-3.1.png) 2. By default, OData Version 4 is selected. You can explore through different options. For example, you can access the OData service document, view the metadata document, examine data, generate test data, or reset it to its initial state. ![OData Service Options And Metadata Exploration](https://raw.githubusercontent.com/sap-tutorials/sap-mobile-development-kit/main/tutorials/cp-mobile-dev-kit-ms-setup/img-3.2.gif) >When you view the data, you might see something like this instead of the nicely formatted output from above. >![Unformatted OData Data Output In Browser](https://raw.githubusercontent.com/sap-tutorials/sap-mobile-development-kit/main/tutorials/cp-mobile-dev-kit-ms-setup/img-3.3.png) >However, this doesn't mean you've made a mistake in the tutorial. Rather, this is the correct output without any formatting. If you'd like to see a formatted output in your browser, you can add an `JSON Formatter` extension to your browser. ---