Creating a Web Clip and Web App for iOS and Android (Legacy and Enterprise)

First of all, a web clip, a web app, or a weblink refer to the same function and they are interchangeable. So the steps are the same regardless which one(s) you try to create.

iOS

Like many things else with Apple, the setup is pretty straight forward and the result is relatively consistent. There are two ways to proceed with this setup which I will describe in detail below.

One way is to create a device profile under DEVICES -> Profiles & Resources -> Profiles

Within the profile, configure the Web Clips payload and assign the profile accordingly.

iOS.png

Upon creating this profile, a web link is also created under APP & BOOKS -> Applications -> Web -> Web Links

iOS2

This then led me to discover another way is to create a web clip/web app directly by following the steps outlined in the VMware KB titled Add Web Links Applications.

iOS3.png

Specify the platform (i.e. Apple iOS) and click CONTINUE.

iOS1.png

Fill in the information under each tab accordingly. Then, click SAVE AND PUBLISH.

iOS2iOS3iOS4

If you wish to utilize the restriction payload to only show the web clips/apps, be sure to include ‘com.apple.webapp‘ in the Show Apps section of the payload. Credit goes to this community post.

Android

Unlike the setup for iOS, the steps required vary for Android Legacy and/or Android Enterprise users.

Android Legacy

Just like iOS, one way is to create a device profile. Be sure to select Android (Legacy) or else you won’t see the Bookmarks payload.

Android2.png

Fill in the information accordingly and click SAVE AND PUBLISH.

Android3.png

Upon creating this profile, a web link is also created under APP & BOOKS -> Applications -> Web -> Web Links

Another way is to add web links applications. I noticed, however, this method will actually make the web link available to BOTH Android Legacy and Android Enterprise devices.

Once again, browse to APP & BOOKS -> Applications -> Web -> Web Links.

iOS3.png

Specify the platform (i.e. Android) and click CONTINUE.

Android1.png

Fill in the information under each tab accordingly. Then, click SAVE AND PUBLISH.

Applications _ Web _ Web Links - Google Chrome 2020-08-07 10.30.39

Applications _ Web _ Web Links - Google Chrome 2020-08-07 10.31.19

 

Notice the Advanced section under the Assignment tab is different here. Also, clicking YES doesn’t automatically add it to the home screen. Instead, the user will be prompted to complete the process.

Android13.png

Android Enterprise

Until Android Legacy is fully deprecated, I suspect the confusion will remain as to where would an Android Enterprise user access any approved app. The answer is very simple: managed Google Play Store.

For this particular setup process, the KB titled Create web apps by Google is a good place to start. Another KB titled New Features for Android Managed Google Play Store in Workspace ONE UEM Console by VMware is a good reference source as well. I also checked out a VMware AirWatch community forum titled Add a bookmark to the home screen for an Android device enrolled in AfW/Android Enterprise.

To start, browse to APPS & BOOKS -> Applications -> Native -> Public and click ADD APPLICATION.

Android1.png

The next step doesn’t quite make sense to me, but it’s required for the step after.

Android2.png

Hover over to the globe icon and click on it.

Android3.png

Android34.png

Android5.png

Fill in the information and then click Create.

Android6.png

Android8.png

Android4.png

Click on the web app again

Android7.png

 

Click Select

Android10.png

Click SAVE & ASSIGN. Then assign it accordingly.

Android11.png

 

 

 

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s

This site uses Akismet to reduce spam. Learn how your comment data is processed.