SSO Login Using BigCommerce API Authentication Plugin
SSO Login Using BigCommerce API Authentication Plugin
BigCommerce API Authentication is a process where users can login to their external application with BigCommerce website credentials.
miniOrange’s BigCommerce API authentication plugin performs the BigCommerce API integration and enables BigCommerce to serve as an IDP (Identity Provider), allowing users to access various applications and external websites with a Single Sign-On (SSO).
Users will authenticate themselves via their BigCommerce credentials and once they successfully integrate with BigCommerce API they can access all the external applications.
The BigCommerce User database is linked to miniOrange user store to provide support for BigCommerce API SSO into external multiple applications.This use case can be achieved by BigCommerce API Authentication plugin which provides SSO login security using BigCommerce API endpoints.
Why should you opt for BigCommerce API Authentication plugin?
- Secure SSO login access for multiple applications and websites using BigCommerce Credentials.
- You don’t need to migrate your users from BigCommerce for SSO login authentication.
- On-the-fly user creation : Auto create users at the time of SSO login and auto sync up of user details.
- Multiple Authentication protocol support : SAML, OAuth, JWT etc.
Install and setup BigCommerce API Authentication Plugin
- Log in to BigCommerce Admin Panel.
- Go to the Advanced Settings from the menu and select API Accounts.
- Click on Create API Account and choose Create V2/V3 API Token option from the menu shown.
- Add a suitable name for your API account.
- Enable the Customers option as Modify and Customers Login option as login.
- Click on Save.
- Download the API credentials file. It contains the API token, Client ID and Client Secret.
2. Setup BigCommerce as an Authentication source in miniOrange
- Login with your miniOrange account.
- Navigate to User Stores and click on the Add User Store button.
- Switch to the API tab and select Custom API from the dropdown.
- Provide an API identifier name.
- Under the Authentication Configuration section, Enter the following values in the respective attributes:
- Click on the Save button.
- To test the connection, select the user store you just added and click on Test Authorization API.
- Enter your BigCommerce credentials when prompted and you should be able to see a Success message.
| User Authentication: | https://api.bigcommerce.com/stores/<YOUR-STORE_HASH>/v3/customers/validate-credentials |
| Header: | Header Name: X-Auth-Token Header Value: <Your Acess token from BigCommerce API> |
| Method: | POST |
| User Authentication Parameters: | { "email": ##username##, "password": ##password##, "channel_id": 1 } |
| Status: | error |
| Status Method: | message |
3. Configure Your application in miniOrange
Note:
If you have already configured your application in miniOrange you can skip the following steps.
- Login to miniOrange Admin Console.
- Go to Apps >> Add Application.
- Click on Create App under SAML.
- Search for your Application. In case you do not find your app, search for Custom SAML App.
- Get the ACS URL and SP Entity ID from your application.
- Enter the following values OR click on Import SP Metadata:
- Click on Save to configure your application.
- Now to get the IDP metadata of the app configured, Go to apps >> your_app >> select >> metadata tab.
- Click on the Show Metadata details in the Information required to Authenticate via External IDPs section. Download the metadata XML file by clicking on Download Metadata button or copy the Metadata URL link.
- You need to Upload this metadata in your application.
| Service Provider Name | Choose appropriate name according to your choice |
| SP Entity ID or Issuer | Your Application Entity ID |
| ACS URL X.509 Certificate (optional) | Your Application Assertion Consumer Service URL |
| NameID Format | Select urn:oasis:names:tc:SAML:1.1:nameid-format:emailAddress |
| Response Signed | Unchecked |
| Assertion Signed | Checked |
| Encrypted Assertion | Unchecked |
| Group policy | Default |
| Login Method | Password |
- Click on Create App under OAuth/OIDC. Click on Open ID Connect App .
- You can add any OAuth Client app here to enable miniOrange as OAuth Server. Few popular OAuth client apps for single sign-on are Salesforce, WordPress, Joomla, Atlassian, etc.
- Enter following Values:
- Click on Save
- Now to provide the required data to OAuth client go to the app configured i.e apps >> your_app >> select >> edit.
- When you want to use you want to use miniOrange as OAuth identity server use this endpoint:
https://{mycompany.domainname.com}/moas/idp/openidsso - If you are configuring any Identity Provider in Identity Providers Menu and not using miniOrange as IDP use this endpoint:
https://{mycompany.domainname.com}/broker/login/oauth{customerid}
| Client Name | Add appropriate Name |
| Redirect URL | Get the Redirect-URL from your OAuth Client |
| Descrption | Add if required |
| Group Name | Default |
| Policy Name | As per your Choice |
| Login Method | Password |
Note: Choose the Authorization Endpoint according to the identity source you configure.
- Click on Create App under JWT.
- Select JWT App.
- Configure the name for your application and configure Redirect-URL which tells where to send JWT response. Redirect-URL should be an endpoint on your application where you want to achieve SSO.
- Click Save
- To get the SSO link for your application, Go to Apps >> your_app >> select >> Edit.
- Then, copy the Single Sign On Url and verify SSO setup by browsing that url.
- On successful authentication, you will be redirected to configured Redirect or Callback URL with JWT token
- You will need to download a certificate from App > Manage Apps, and click Certificate link against your configured application. This certificate will be used for signature validation of JWT response.
In case you are setting up SSO with Mobile Applications where you can't create an endpoint for Redirect or Callback URL, use below URL.
https://login.xecurify.com/moas/jwt/mobile
4. Setup Multiple IDPs (Optional)
- Login using IDP selection page: It gives users an option to Select IDP from the dropdown list during login time.
- Domain Mapping: Here we map the email domains to a particular IDP. So when the user enters the Email address with a specific domain he would be redirected to the respective IDP.
- App Identity Provider Mapping: This feature gives users an option to select one specific IDP for their application before login.
You have a choice to set multiple IDPS for Single Application, i.e integrate multiple IDP and users can select IDP accordingly from which they want to authenticate themselves. There are three different ways to authenticate users using IDP.
Note : At once you can select either of them.
- You can configure multiple IDPs (Identity Providers) and give users the option to select the IDP of their choice to authenticate with.
For Example - It could be multiple AD domains belonging to different departments or multiple okta organizations. - Suppose you have a product which many of your clients use and each client has their own unique IDP so you want them to SSO into your product as well using their existing IDP only. miniOrange provides a centralized way to connect with all IDPs in a very easy manner and integrate SSO into your application.
- Suppose you are providing a course to many universities, each having a unique SAML, OAuth protocol supported IDP's like Shibboleth, ADFS, CAS, etc. You can provide Single Sign-On (SSO) into your course application to all these universities by integrating with all of them using a single platform provided by miniOrange.
- This is the endpoint to call from your SAML application -
For Cloud IDP - https://login.xecurify.com/moas/discovery?customerId=<customer_id> For On-Premise IDP - https://yourdomain.com/discovery?customerId=<customer_id> - You should copy the Customer Key from admin console-> Settings -> and replace it with <customer_id> here. Once configured in SP, when you initiate the login from Service Provider, a user will be redirected to IDP Selection Page listing all IDPs configured for that account.
- You can also change the look and feel of this page. Login to miniOrange Admin console. Navigate to Customization -> Branding Configuration. See the below screenshot for reference-
Few usecases where customers configure multiple IDPs -
You can see the screenshot below of the IDP Selection Page with a list of IDPs .
Note: To view the IDP in drop-down list, go to Identity Providers tab > against your configured IDP > Select >Edit , here Enable the Show IdP to Users option.
- You can customize the title of this page.
- Change the logo and favicon for this page.
- Change the background and button color for this page from admin UI.
If you have multiple IDPs and you want a certain set of users to authenticate from one IdP whereas another set of users to authenticate from another IdP, based on their email domains you can achieve this by using the following steps:- Our domain mapping feature
- We have provided a Domain Mapping field under each IdP where admins can enter the domain eg. demo.com , example.com as shown in the screenshot below.
- Once the setup is complete you can login through your Wordpress site.
- So a user logging in with the demo.com domain will be redirected to the first organisation under ADFS.
- User logging in with email address having example.com domain will be redirected to the second organisation under ADFS.
- Once the user will authenticate itself through respective Organisations under ADFS, it will be redirected back to Wordpress site.
Lets say, there are two organisations under ADFS. One want to authenticate the users under the domain demo.com and other one with the domain example.com. For reference, We have taken the 2 organisations as two different IDPs and WordPress as SP. Follow the guides to set up ADFS and WordPress at your end.
- Go to apps >> your_app >> select >>edit.
- Here you will have an option called as an Identity source.
- The dropdown list would show the list of configured IDPs (Identity providers) in miniOrange Identity Providers tab and Userstore.
- Select one IDP you want for this application. Click on Save.
- Now the users of this application would be able to authenticate only by the IDP (Identity Provider) selected from the Identity Source dropdown list.
If you have multiple IDPs (identity provider) and you want a certain application user to authenticate with one IDP and other application users with another IDP then you can achieve this by our Identity Source Feature.
Additional Resources
If you are looking for anything which you cannot find, please drop us an email on idpsupport@xecurify.com.
Need Help? We are right here!
