Showcasing a Simple SAP Customer Data Cloud (Gigya) Login/ Register Flow in a React App

This app aims to showcase a simple SAP Customer Data Cloud (Gigya) login flow using the WebSDK inside a React application. It highlights the following scenarios:

Registering a New Account

Editing your profile after login (via Screen-Sets)

Simple Site (Email/Password) Login

Login Using a Social Media Account (Facebook, Twitter, LinkedIn, Yahoo)

To Run The App

You can run this app on any local server but it's important to note that for the SAP Customer Data Cloud (Gigya) WebSDK to work correctly you must run the app from a url that includes 'localhost'. If you run it from a url like this '127.0.0.1' it will not work correctly. For more information see the Gigya API+SDK documentation

After cloning the repository, navigate to the folder, check/ install the dependencies, and run the app as per below:

Steps to run the app:

> git clone https://github.com/brandoncaulfield/sap-customer-data-cloud-gigya-react

> cd sap-customer-data-cloud-gigya-react

> npm i

> npm start

Documentation

Gigya have some fantastic documentation here for the WebSDK and you can find the specific documentation used in the app below:

• Getting Started - Gigya Web SDK
• accounts.register
• accounts.login
• accounts.logout
• accounts.showScreenSet (For the 'Edit Profile' screen set)
• socialize.login (Different params used for each social media provider)
• socialize.addEventHandlers (Event handlers for the social login buttons)
• accounts.addEventHandlers (Event handlers for normal email/password account login)