Skip to content

Commit b8fb41f

Browse files
v-dihansv-dihans
authored
Merge pull request #115103 from v-nagta/whimsical
Product Backlog Item 1015446: SaaS App Tutorial: Whimsical
2 parents b52370e + 9c69279 commit b8fb41f

File tree

2 files changed

+174
-0
lines changed

2 files changed

+174
-0
lines changed

‎articles/active-directory/saas-apps/toc.yml

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1654,6 +1654,8 @@
16541654
href: weekdone-tutorial.md
16551655
- name: Whatfix
16561656
href: whatfix-tutorial.md
1657+
- name: Whimsical
1658+
href: whimsical-tutorial.md
16571659
- name: Whitesource
16581660
href: whitesource-tutorial.md
16591661
- name: WhosOffice

‎articles/active-directory/saas-apps/whimsical-tutorial.md

Lines changed: 172 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,172 @@
1+
---
2+
title: 'Tutorial: Azure Active Directory single sign-on (SSO) integration with Whimsical | Microsoft Docs'
3+
description: Learn how to configure single sign-on between Azure Active Directory and Whimsical.
4+
services: active-directory
5+
documentationCenter: na
6+
author: jeevansd
7+
manager: mtillman
8+
ms.reviewer: barbkess
9+
10+
ms.assetid: 3a1bab37-e0a8-4710-a927-b80bea80d9f5
11+
ms.service: active-directory
12+
ms.subservice: saas-app-tutorial
13+
ms.workload: identity
14+
ms.tgt_pltfrm: na
15+
ms.topic: tutorial
16+
ms.date: 05/15/2020
17+
ms.author: jeedes
18+
19+
ms.collection: M365-identity-device-management
20+
---
21+
22+
# Tutorial: Azure Active Directory single sign-on (SSO) integration with Whimsical
23+
24+
In this tutorial, you'll learn how to integrate Whimsical with Azure Active Directory (Azure AD). When you integrate Whimsical with Azure AD, you can:
25+
26+
* Control in Azure AD who has access to Whimsical.
27+
* Enable your users to be automatically signed-in to Whimsical with their Azure AD accounts.
28+
* Manage your accounts in one central location - the Azure portal.
29+
30+
To learn more about SaaS app integration with Azure AD, see [What is application access and single sign-on with Azure Active Directory](https://docs.microsoft.com/azure/active-directory/manage-apps/what-is-single-sign-on).
31+
32+
## Prerequisites
33+
34+
To get started, you need the following items:
35+
36+
* An Azure AD subscription. If you don't have a subscription, you can get a [free account](https://azure.microsoft.com/free/).
37+
* Whimsical single sign-on (SSO) enabled subscription.
38+
39+
> [!NOTE]
40+
> Identifier of this application is a fixed string value so only one instance can be configured in one tenant.
41+
42+
## Scenario description
43+
44+
In this tutorial, you configure and test Azure AD SSO in a test environment.
45+
46+
* Whimsical supports **SP and IDP** initiated SSO
47+
* Whimsical supports **Just In Time** user provisioning
48+
* Once you configure Whimsical you can enforce session control, which protect exfiltration and infiltration of your organization’s sensitive data in real-time. Session control extend from Conditional Access. [Learn how to enforce session control with Microsoft Cloud App Security](https://docs.microsoft.com/cloud-app-security/proxy-deployment-any-app).
49+
50+
## Adding Whimsical from the gallery
51+
52+
To configure the integration of Whimsical into Azure AD, you need to add Whimsical from the gallery to your list of managed SaaS apps.
53+
54+
1. Sign in to the [Azure portal](https://portal.azure.com) using either a work or school account, or a personal Microsoft account.
55+
1. On the left navigation pane, select the **Azure Active Directory** service.
56+
1. Navigate to **Enterprise Applications** and then select **All Applications**.
57+
1. To add new application, select **New application**.
58+
1. In the **Add from the gallery** section, type **Whimsical** in the search box.
59+
1. Select **Whimsical** from results panel and then add the app. Wait a few seconds while the app is added to your tenant.
60+
61+
## Configure and test Azure AD single sign-on for Whimsical
62+
63+
Configure and test Azure AD SSO with Whimsical using a test user called **B.Simon**. For SSO to work, you need to establish a link relationship between an Azure AD user and the related user in Whimsical.
64+
65+
To configure and test Azure AD SSO with Whimsical, complete the following building blocks:
66+
67+
1. **[Configure Azure AD SSO](#configure-azure-ad-sso)** - to enable your users to use this feature.
68+
1. **[Create an Azure AD test user](#create-an-azure-ad-test-user)** - to test Azure AD single sign-on with B.Simon.
69+
1. **[Assign the Azure AD test user](#assign-the-azure-ad-test-user)** - to enable B.Simon to use Azure AD single sign-on.
70+
1. **[Configure Whimsical SSO](#configure-whimsical-sso)** - to configure the single sign-on settings on application side.
71+
1. **[Create Whimsical test user](#create-whimsical-test-user)** - to have a counterpart of B.Simon in Whimsical that is linked to the Azure AD representation of user.
72+
1. **[Test SSO](#test-sso)** - to verify whether the configuration works.
73+
74+
## Configure Azure AD SSO
75+
76+
Follow these steps to enable Azure AD SSO in the Azure portal.
77+
78+
1. In the [Azure portal](https://portal.azure.com/), on the **Whimsical** application integration page, find the **Manage** section and select **single sign-on**.
79+
1. On the **Select a single sign-on method** page, select **SAML**.
80+
1. On the **Set up single sign-on with SAML** page, click the edit/pen icon for **Basic SAML Configuration** to edit the settings.
81+
82+
![Edit Basic SAML Configuration](common/edit-urls.png)
83+
84+
1. On the **Basic SAML Configuration** section, if you wish to configure the application in **IDP** initiated mode, enter the values for the following fields:
85+
86+
In the **Reply URL** text box, type a URL using the following pattern:
87+
`https://whimsical.com/saml/<CUSTOM_IDENTIFIER>`
88+
89+
1. Click **Set additional URLs** and perform the following step if you wish to configure the application in **SP** initiated mode:
90+
91+
In the **Sign-on URL** text box, type a URL using the following pattern:
92+
`https://whimsical.com/@<TENANT_NAME>`
93+
94+
> [!NOTE]
95+
> These values are not real. Update these values with the actual Reply URL and Sign-On URL. Contact [Whimsical Client support team](mailto:[email protected]) to get these values. You can also refer to the patterns shown in the **Basic SAML Configuration** section in the Azure portal.
96+
97+
1. Whimsical application expects the SAML assertions in a specific format, which requires you to add custom attribute mappings to your SAML token attributes configuration. The following screenshot shows the list of default attributes.
98+
99+
![image](common/default-attributes.png)
100+
101+
1. In addition to above, Whimsical application expects few more attributes to be passed back in SAML response which are shown below. These attributes are also pre populated but you can review them as per your requirements.
102+
103+
| Name | Source Attribute|
104+
| --------- | --------- |
105+
| FirstName | user.givenname |
106+
| LastName | user.surname |
107+
108+
1. On the **Set up single sign-on with SAML** page, in the **SAML Signing Certificate** section, find **Federation Metadata XML** and select **Download** to download the certificate and save it on your computer.
109+
110+
![The Certificate download link](common/metadataxml.png)
111+
112+
1. On the **Set up Whimsical** section, copy the appropriate URL(s) based on your requirement.
113+
114+
![Copy configuration URLs](common/copy-configuration-urls.png)
115+
116+
### Create an Azure AD test user
117+
118+
In this section, you'll create a test user in the Azure portal called B.Simon.
119+
120+
1. From the left pane in the Azure portal, select **Azure Active Directory**, select **Users**, and then select **All users**.
121+
1. Select **New user** at the top of the screen.
122+
1. In the **User** properties, follow these steps:
123+
1. In the **Name** field, enter `B.Simon`.
124+
1. In the **User name** field, enter the [email protected]. For example, `[email protected]`.
125+
1. Select the **Show password** check box, and then write down the value that's displayed in the **Password** box.
126+
1. Click **Create**.
127+
128+
### Assign the Azure AD test user
129+
130+
In this section, you'll enable B.Simon to use Azure single sign-on by granting access to Whimsical.
131+
132+
1. In the Azure portal, select **Enterprise Applications**, and then select **All applications**.
133+
1. In the applications list, select **Whimsical**.
134+
1. In the app's overview page, find the **Manage** section and select **Users and groups**.
135+
136+
![The "Users and groups" link](common/users-groups-blade.png)
137+
138+
1. Select **Add user**, then select **Users and groups** in the **Add Assignment** dialog.
139+
140+
![The Add User link](common/add-assign-user.png)
141+
142+
1. In the **Users and groups** dialog, select **B.Simon** from the Users list, then click the **Select** button at the bottom of the screen.
143+
1. If you're expecting any role value in the SAML assertion, in the **Select Role** dialog, select the appropriate role for the user from the list and then click the **Select** button at the bottom of the screen.
144+
1. In the **Add Assignment** dialog, click the **Assign** button.
145+
146+
## Configure Whimsical SSO
147+
148+
To configure single sign-on on **Whimsical** side, you need to send the downloaded **Federation Metadata XML** and appropriate copied URLs from Azure portal to [Whimsical support team](mailto:[email protected]). They set this setting to have the SAML SSO connection set properly on both sides.
149+
150+
### Create Whimsical test user
151+
152+
In this section, a user called Britta Simon is created in Whimsical. Whimsical supports just-in-time user provisioning, which is enabled by default. There is no action item for you in this section. If a user doesn't already exist in Whimsical, a new one is created after authentication.
153+
154+
## Test SSO
155+
156+
In this section, you test your Azure AD single sign-on configuration using the Access Panel.
157+
158+
When you click the Whimsical tile in the Access Panel, you should be automatically signed in to the Whimsical for which you set up SSO. For more information about the Access Panel, see [Introduction to the Access Panel](https://docs.microsoft.com/azure/active-directory/active-directory-saas-access-panel-introduction).
159+
160+
## Additional resources
161+
162+
- [ List of Tutorials on How to Integrate SaaS Apps with Azure Active Directory ](https://docs.microsoft.com/azure/active-directory/active-directory-saas-tutorial-list)
163+
164+
- [What is application access and single sign-on with Azure Active Directory? ](https://docs.microsoft.com/azure/active-directory/manage-apps/what-is-single-sign-on)
165+
166+
- [What is conditional access in Azure Active Directory?](https://docs.microsoft.com/azure/active-directory/conditional-access/overview)
167+
168+
- [Try Whimsical with Azure AD](https://aad.portal.azure.com/)
169+
170+
- [What is session control in Microsoft Cloud App Security?](https://docs.microsoft.com/cloud-app-security/proxy-intro-aad)
171+
172+
- [How to protect Whimsical with advanced visibility and controls](https://docs.microsoft.com/cloud-app-security/proxy-intro-aad)

0 commit comments

Comments
 (0)