![\"This](\"/f46881583c7518a93bb24e94c32320de/a-developer-friendly-dark-theme.webp\")
Consumer requirements are constantly shifting, and companies must evolve with digital transformation to identify their needs and aspirations. No wonder, consumer experience is increasingly becoming a determinant in the decision-making process.
\nAccording to Google, 71% of people believe that smartphones have become an essential part of their digital experience. The importance of omnichannel consumer experience (CX) in helping companies get valuable insights about consumer interactions and behavior across their life cycle cannot be overstated.
\nBased on research conducted by Aberdeen Group, 89% of consumers are retained by the best omnichannel consumer strategy.
\nNow, the question comes: how should businesses plan their strategy to offer an enhanced omnichannel consumer experience?
\nBefore getting into implementation, it is essential to know what it is, why it is required, along with its benefits. So, let's get started.
\nOmnichannel consumer experience (CX) involves simplifying all consumer interactions across various touchpoints in a cohesive manner. As per a study, 9 out of 10 consumers expect an omnichannel experience with seamless service across all communication channels.
\nFor sales, consumer service, and marketing, a digital omnichannel strategy adopts a multichannel approach. It focuses on providing a united consumer experience regardless of the channel they contact your company.
\nEvery contact should be considered a single experience from the consumer's perspective. It implies it shouldn't be segregated or repetitious. The key to providing constant omnichannel engagement is to offer a smooth experience across all platforms, both online and offline.
\nIt's important to note that omnichannel marketing and consumer experience differ from each other at a significant scale.
\nOmnichannel marketing is communicating with consumers through digital and conventional marketing channels that are interconnected. For example, a consumer may get promotional SMS offers while buying in-store. They may get abandoned cart emails and retargeting advertisements on Facebook if they leave a product online.
\nOn the other hand, an omnichannel experience comprises a multichannel approach to sales, consumer service, and marketing. It necessitates delivering a consistent consumer experience regardless of the channel via which consumers interact with your business.
\nCompanies that want to create an omnichannel experience must ensure their marketing goals, objectives, messages, and design are consistent across all channels. A company's marketing, consumer service, and user experience may all be improved by combining these elements.
\nAn efficient and well-designed omnichannel platform yields an excellent consumer experience as a by-product. To accomplish that, businesses must understand consumer journeys over devices and channels.
\nHere are some of the most compelling reasons to switch to an omnichannel consumer experience platform.
\nAn omnichannel consumer experience strategy provides you with a bird's-eye perspective of your consumers' journey. It brings all of your interactions together in one platform and gives you insights into improving your business.
\nAn omnichannel CX strategy allows consumers to engage with the business through their chosen channels while maintaining a seamless transition throughout the interaction. As a result, it improves consumer satisfaction and is the most effective approach for client retention.
\nOver their lifetime, omnichannel consumers are 30% more beneficial for your business. Using an omnichannel CX strategy makes contacting the business easy and simple. When a company commits to providing a consistent service, they also commit to working with consumers for the rest of their lives.
\nTransforming your company into an omnichannel consumer experience platform would provide several advantages, including the following:
\nConsumers become loyal consumers when they get high-quality service before and after the purchase. You can demonstrate that you understand their requirements by evaluating the gathered consumer data and displaying relevant offers.
\nIt is known that using several entry points improves the likelihood that a consumer would select your brand; thereby, implementing an omnichannel strategy can boost sales.
\nDelivering omnichannel consumer support goes hand in hand with omnichannel consumer experience. Due to the use of numerous channels for monitoring, consumer support executives can miss a chat from some other desk, resulting in a significant chance of losing a prospective client. Implementing an omnichannel strategy will allow you to have all of your consumers' data in one place, allowing you to offer superior service.
\nFor seamless humanized omnichannel journeys and consumer experience, consumer identity solution LoginRadius provides a consistent experience to your consumers across all channels, including phone, chat, email, text, and social media.
\nContinue the conversation effortlessly if consumers switch from one channel to another. Start with chat, move on to voice, and then interact through video seamlessly. Contact LoginRadius to know more.
\n\n","frontmatter":{"date":"June 30, 2021","updated_date":null,"description":"Companies that want to create an omnichannel experience must ensure their marketing goals, objectives, messages, and design are consistent across all channels. A company's marketing, consumer service, and user experience may all be improved by combining these elements.","title":"Omnichannel CX : Your Key to Consumer Experience Success","tags":null,"pinned":null,"coverImage":{"childImageSharp":{"fluid":{"aspectRatio":1.5037593984962405,"src":"/static/bb48a25616bd4927a54597eb68b7f1ed/14b42/Omnichannel-CX.jpg","srcSet":"/static/bb48a25616bd4927a54597eb68b7f1ed/f836f/Omnichannel-CX.jpg 200w,\n/static/bb48a25616bd4927a54597eb68b7f1ed/2244e/Omnichannel-CX.jpg 400w,\n/static/bb48a25616bd4927a54597eb68b7f1ed/14b42/Omnichannel-CX.jpg 800w,\n/static/bb48a25616bd4927a54597eb68b7f1ed/a7715/Omnichannel-CX.jpg 1000w","sizes":"(max-width: 800px) 100vw, 800px"}}},"author":{"id":"Tanvi Soni","github":null,"avatar":null}}}},{"node":{"excerpt":"The onset of the global pandemic has hurled the usage of QR Codes among businesses, not just because they are versatile but also because…","fields":{"slug":"/growth/qr-code-in-marketing/"},"html":"The onset of the global pandemic has hurled the usage of QR Codes among businesses, not just because they are versatile but also because they are safe and help to maintain hygiene.
\nNow talking from the marketing perspective, QR Codes have significantly helped marketers and enterprises in tracking their campaigns without the need for heavy investments.
\nEven during the global pandemic situation, marketers have leveraged QR Codes to curate a unique shopping experience for buyers that attracts and engages more consumers.
\nFrom redirecting customers to social media pages to asking them to leave feedback and review, enterprises can do a lot through a QR Code.
\nIn this post, we’ll learn how QR Codes are shaping the future of marketing and why businesses need to quickly gear up for the next new normal at the earliest.
\nGone are the days when you had to gather money to pay at the checkout at your local grocery store.
\nAs customers across the globe were asked to stay at their homes and were instructed to maintain a healthy hand sanitizing habit, everyone became more aware of certain shared touchpoints.
\nWith QR Codes in practice, we don’t need to worry regarding the unnecessary hassle of touching shared touchpoints for payments as the technology has offered the best contactless option.
\nGrocery stores and pharmacies have enabled touch-free payment options that depict the role of contactless payments and how customers are ready to adopt the same with a trusted vendor.
\nFurthermore, many online giants utilize QRCodes to redirect consumers to their e-stores to enhance their mobile commerce strategy.
\nThey even offer lucrative discounts and offers that help them increase their client base.
\nQR Codes offered the virtual try-on experience amid the COVID-19 pandemic that undoubtedly improves the window shopping experience.
\nMoreover, some product-specific QR Codes are also being used to deliver rich AR-based experiences that help shoppers to make a quick and better decision and thus enhancing sales for online vendors.
\nFor instance, many online glasses stores have provided product QR Codes. These codes, when scanned with a smartphone, provide a try-on experience where the user can try shades and spectacles and choose the one that suits them the most.
\nThe pandemic-driven convenience of QR Codes is helping vendors and marketers to plan strategies around leveraging QR Codes to deliver hassle-free smart authentication experiences that help increase conversion rates as the need to visit a store is eliminated.
\nIn addition to these benefits, incorporating a free QR code generator into your ecommerce business or product offerings can further streamline the shopping experience and boost sales.
\nMarketers can add QR Codes to the packaging of products purchased by a consumer that allows them to scan and get great offers on their next purchase.
\nThis is the easiest and far much better way of retaining customers as they would love to shop again and avail more discounts.
\nSeveral eCommerce giants are now utilizing the true potential of QR Codes through smart and creative ways that help them increase customer retention rates.
\nQR Codes undeniably opens new doors for marketers, especially during the uncertain times as it offers creative and engaging experiences and that too within a couple of seconds.
\nUsing creative QR Codes to get consumers to download your mobile app is another way of generating quality leads.
\nConveying a unique brand voice through a QR Code not only just helps increase app downloads but eventually helps in establishing a brand reputation in the market.
\nApart from this, getting an application installed in your consumers’ device would further provide you deeper insights regarding their shopping history and behavior.
\nThis would also lend a hand in understanding the areas that need to be focussed on when it comes to sales and service during the pandemic era.
\nMarketers can utilize the data to provide personalized experiences and product suggestions that can further enhance user experience and improve sales.
\nWith businesses striving for a competitive edge, reviews are undeniably the backbone for building consumer trust in potential clients.
\nSince 90% of consumers rely on online client reviews before they make up their mind for purchasing goods and services, QR Codes can be the game-changer for driving client reviews on your social media platforms and other forums.
\nA seamless and quick review option by scanning a QR Code could be a piece of cake for customers and that too without any human intervention. This will not only help to build brand identity and awareness but would also compel new buyers to trust your brand easily, especially when people are forced to stay inside their homes.
\nThere’s no second thought to the fact that the market for QR Codes is helping businesses to explore new horizons to accelerate business growth.
\nWith correct marketing strategies, including adequate content placement and website responsiveness, marketers must quickly understand that just adding a QR Code won’t speed up sales.
\nAlso, adequate analysis strategies must be in place to trace the user behavior that can be further utilized to build personalized experiences for enhanced business growth during the uncertain times of COVID-19.\n
Whether you want to improve consumer interaction through new digital channels or optimize your business operations, a digital transformation strategy is becoming increasingly important. Meanwhile, to defend your reputation and financial stability, you must safeguard data privacy and security.
\nConsumer Identity and Access Management (CIAM), also known as B2C IAM assists you in laying the groundwork for a business to deliver exceptional client experiences while striking the perfect balance between ease and security. All this within IT infrastructure makes sure that the appropriate people have access to the appropriate resources at the right time for the right cause.
\nDigital transformation means using new technologies to manage or adjust the current business processes, culture, and consumer experiences in response to the employee or consumer expectations. The way you do business will change because of consumer IAM.
\nThe workforce is being transformed by remote employees who use collaborative tools. The way you collect data from across the enterprise is changing thanks to the Internet of Things (IoT) devices. Consumers, on the other hand, desire to interact with your company through mobile applications. Your entire business model will begin to evolve if you choose to embrace digital transformation to enhance revenue or reduce operational costs.
\nEveryone wins with a digital transformation strategy. A strategy helps organizations embrace new business models that allow them to provide staff with better digital technology. Therefore, your transformation strategy should include:
\nMany firms struggle to develop cyber-secure digital transformation strategies because each new technology introduces a new risk, making risk management difficult.
\nConsumer access entails more than simply granting authority to use internet services. Mobile, IoT, partner applications, and a variety of other channels have all been added to the mix. Businesses can use consumer IAM to provide quick, easy, unified, and secure access across all digital channels.
\nA consumer IAM platform, LoginRadius for example, also enables you to use consumer identification data to understand your consumers and personalize your products, services, and individual consumer interactions with them.
\nGiven below are the top 5 consumer IAM benefits of LoginRadius.
\nThe experience starts with a compelling registration process that can be completed on many devices, establishing cross-channel log-in and authentication credentials. Multiple log-ins for numerous channels and devices cause friction, which leads to consumer annoyance and maybe missed purchases.
\nSocial login via platforms like Google or Facebook might alleviate registration fatigue, but it can also pose security problems which may necessitate the use of multi-factor authentication. With highly low-friction authentication, the consumer enjoys compelling and consistent interaction across channels.
\n\nConsumer data is collected by businesses, but it is often segregated among repositories and departments. The consumer IAM platform provides you with a wealth of information on your consumers’ identities and habits. It allows the building of a detailed profile of each consumer, including personal information, purchase histories, and usage and purchasing patterns.
\nAll of this data may be combined into a single consumer view, which may then be pushed into other enterprise programs to improve areas like sales forecasting, tailored marketing, and new product development.
\nAPIs are widely used in the latest generation of consumer IAM platforms to link identity data and analytics into complementary systems like content management, ERP, and consumer experience Management.
\nRead more: Why Organizations Must Use API-Driven CIAM for Digital Agility
\nAuthentication has been a simple decision based on the credentials supplied up until now. This was frequently accomplished by using a user name and password that were both extremely weak. Although the invention of two-factor authentication (2FA) employing a second step such as an SMS message has helped, it is still vulnerable to hacking.
\nMulti-factor authentication (MFA), which can include biometrics, geolocation, and user behavior, provides increased security. These features also enable the use of analytics to give additional capabilities like anomaly detection, which may be used to swiftly identify and address unexpected behavior. To develop a comprehensive end-to-end solution, the CIAM platform must also provide security beyond the client, including employees, partners, applications, and IoT devices.
\nData privacy is a critical component of any CIAM solution, especially when the consumer is responsible for their data and profile management. The consumer IAM platform must provide your consumers with visibility and control over how and where their data is shared. So it includes both consent and preference management, which allows your consumers to choose how their data is collected and used.
\nConsent management, for example, must allow your client to establish multi-level consent – where data can be used for one reason but not for another – that can be turned on and off at any moment, according to GDPR requirements. The CIAM platform necessitates significant self-service features so that your consumers may manage their consents and preferences through their profile, as well as robust tracking and auditing so that you can prove compliance.
\nMany CIAM platforms are cloud-based because they provide the scalability and performance required to manage millions of client contacts. However, many of the enterprise systems with which your platform must integrate will remain on-premises. As a result, a hybrid IAM design must integrate cloud and mobile components smoothly.
\nConsumer IAM has swiftly established itself as a critical component of a positive consumer experience. It lowers the danger of data breaches while also removing a lot of the friction from client interactions. Your consumer isn't the only one who benefits. The identification data you have at your fingertips aids in providing a convenient, omnichannel, and personalized experience, which in turn increases revenue and loyalty.
\nContact us to find out how LoginRadius is leading the digital transformation movement for businesses.
\nIf you’re interested in learning more about how the LoginRadius platform works, schedule a demo today.
\n\n","frontmatter":{"date":"June 25, 2021","updated_date":null,"description":"Digital transformation empowers businesses to change the way they operate. It’s not just a buzzword or marketing gimmick, it’s a real and tangible way to revamp how you do business and improve your company. Let’s understand it through the lens of consumer IAM.","title":"How Businesses are Experiencing Digital Transformation with Consumer IAM","tags":["digital transformation","ciam solution","mfa","cx"],"pinned":null,"coverImage":{"childImageSharp":{"fluid":{"aspectRatio":1.941747572815534,"src":"/static/a2a9b49e57f7a7ee025444ae153a1a7c/14b42/digital-transformation-consumer-iam-cover.jpg","srcSet":"/static/a2a9b49e57f7a7ee025444ae153a1a7c/f836f/digital-transformation-consumer-iam-cover.jpg 200w,\n/static/a2a9b49e57f7a7ee025444ae153a1a7c/2244e/digital-transformation-consumer-iam-cover.jpg 400w,\n/static/a2a9b49e57f7a7ee025444ae153a1a7c/14b42/digital-transformation-consumer-iam-cover.jpg 800w,\n/static/a2a9b49e57f7a7ee025444ae153a1a7c/16310/digital-transformation-consumer-iam-cover.jpg 1024w","sizes":"(max-width: 800px) 100vw, 800px"}}},"author":{"id":"Navanita Devi","github":null,"avatar":null}}}},{"node":{"excerpt":"In this blog post, I will write a step-by-step tutorial to add Authentication to the Play Framework Application with OIDC and LoginRadius. I…","fields":{"slug":"/engineering/guest-post/add-authentication-to-play-framework-with-oidc-and-loginradius/"},"html":"In this blog post, I will write a step-by-step tutorial to add Authentication to the Play Framework Application with OIDC and LoginRadius. I will be using pac4j and it's play-pac4j integration in this tutorial. Before jumping into the tutorial, let's learn about few concepts.
\nOIDC is an authentication protocol that allows users to verify their identity when they are trying to access a protected HTTPS endpoint. OIDC is an evolutionary development of ideas implemented earlier in OAuth and OpenID.
\nOpenID Connect allows clients to request and receive information about authenticated sessions and end-users. It allows all types of clients, including
\nYou can find out more details about OIDC here
\nPlay Framework is an open-source web application framework that follows the model–view–controller architectural pattern. It is written in Scala and usable from other programming languages that are compiled to JVM Bytecode.
\nIt makes it easy to build web applications with Java & Scala. Play is based on a lightweight, stateless, web-friendly architecture. Built on Akka, Play provides predictable and minimal resource consumption (CPU, memory, threads) for highly-scalable applications.
\npac4j is an easy and powerful security engine for Java to authenticate users, get their profiles and manage authorizations in order to secure web applications and web services.
\nIt provides a comprehensive set of concepts and components. It is based on Java and available under the Apache 2 license. It is available for most frameworks/tools and supports most authentication/authorization mechanisms.
\npac4j is supported with most of the Java frameworks like
\nThere are multiple options you can get started with the Play framework.
\nsbt.For this tutorial, I will be using creating a new play project using sbt.
brew install sbtYou can find Installation steps for Windows and Linux here.
\nFor this tutorial, I will be using
\nCreate a new java play project using the following command
\nsbt new playframework/play-java-seed.g8The above command will prompt you to fill in the project name and project package structure in organization as shown below.
[info] welcome to sbt 1.5.3 (Oracle Corporation Java 11.0.2)\n[info] set current project to new (in build file:/private/var/folders/_9/rcqwq2vx1cl_1sc4xdhb5_5c0000gn/T/sbt_661d1bf7/new/)\n\nThis template generates a Play Java project\n\nname [play-java-seed]: loginradius-play-oidc\norganization [com.example]: com.loginradius.developer\n\nTemplate applied in /Users/vishnuchilamakuru/self/longinradius/./loginradius-play-oidcNow that the project is created with a base template. You can test it by running the project using the following command from loginradius-play-oidc folder.
sbt runNow visit http://localhost:9000, and it should look like this.
build.sbtAdd pac4j dependencies, Java 11 as required, and target version to compile the project in build.sbt.
name := """loginradius-play-oidc"""\norganization := "com.loginradius.developer"\n\nversion := "1.0-SNAPSHOT"\n\nlazy val root = (project in file(".")).enablePlugins(PlayJava)\n\nscalaVersion := "2.13.6"\n\ninitialize := {\n val _ = initialize.value // run the previous initialization\n val required = "11"\n val current = sys.props("java.specification.version")\n assert(current == required, s"Unsupported JDK: java.specification.version $current != $required")\n}\n\nscalacOptions += "-target:jvm-11"\n\njavacOptions ++= Seq("-source", "11", "-target", "11")\n\n\nlibraryDependencies ++= Seq(\n guice,\n ehcache,\n "org.pac4j" %% "play-pac4j" % "11.0.0-PLAY2.8",\n "org.pac4j" % "pac4j-oidc" % "5.1.0",\n "com.typesafe.play" % "play-cache_2.13" % "2.8.8",\n "com.fasterxml.jackson.module" %% "jackson-module-scala" % "2.12.3"\n)Create app/modules/SecurityModule.java. This class configures OIDC, sets up a secure HttpActionAdapter, and registers callback and logout controllers.
package modules;\n\nimport com.google.inject.AbstractModule;\n\nimport com.nimbusds.oauth2.sdk.ParseException;\nimport com.nimbusds.oauth2.sdk.auth.ClientAuthenticationMethod;\nimport com.nimbusds.openid.connect.sdk.op.OIDCProviderMetadata;\nimport com.typesafe.config.Config;\nimport net.minidev.json.JSONObject;\nimport org.pac4j.core.authorization.authorizer.RequireAnyRoleAuthorizer;\nimport org.pac4j.core.client.Clients;\nimport org.pac4j.core.context.session.SessionStore;\nimport org.pac4j.oidc.client.OidcClient;\nimport org.pac4j.oidc.config.OidcConfiguration;\nimport org.pac4j.play.CallbackController;\nimport org.pac4j.play.LogoutController;\nimport org.pac4j.play.http.PlayHttpActionAdapter;\nimport org.pac4j.play.store.PlayCacheSessionStore;\nimport play.Environment;\n\nimport java.util.Optional;\n\npublic class SecurityModule extends AbstractModule {\n\n private final Config configuration;\n\n public SecurityModule(final Environment environment, final Config configuration) {\n this.configuration = configuration;\n }\n\n @Override\n protected void configure() {\n\n bind(SessionStore.class).to(PlayCacheSessionStore.class);\n\n final OidcConfiguration oidcConfiguration = new OidcConfiguration();\n oidcConfiguration.setDiscoveryURI(configuration.getString("oidc.discoveryUri"));\n oidcConfiguration.setClientId(configuration.getString("oidc.clientId"));\n oidcConfiguration.setSecret(configuration.getString("oidc.clientSecret"));\n oidcConfiguration.setClientAuthenticationMethod(ClientAuthenticationMethod.CLIENT_SECRET_BASIC);\n\n addProviderMetadata(oidcConfiguration);\n\n final OidcClient oidcClient = new OidcClient(oidcConfiguration);\n oidcClient.addAuthorizationGenerator((ctx, session, profile) -> {\n profile.addRole("ROLE_ADMIN");\n return Optional.of(profile);\n });\n\n final String baseUrl = configuration.getString("baseUrl");\n final Clients clients = new Clients(baseUrl + "/callback", oidcClient);\n\n final org.pac4j.core.config.Config config = new org.pac4j.core.config.Config(clients);\n config.addAuthorizer("admin", new RequireAnyRoleAuthorizer("ROLE_ADMIN"));\n config.setHttpActionAdapter(PlayHttpActionAdapter.INSTANCE);\n bind(org.pac4j.core.config.Config.class).toInstance(config);\n\n // callback\n final CallbackController callbackController = new CallbackController();\n callbackController.setDefaultUrl("/");\n bind(CallbackController.class).toInstance(callbackController);\n\n // logout\n final LogoutController logoutController = new LogoutController();\n logoutController.setDefaultUrl("/?defaulturlafterlogout");\n bind(LogoutController.class).toInstance(logoutController);\n\n }\n\n private void addProviderMetadata(OidcConfiguration oidcConfiguration) {\n JSONObject jsonObj = new JSONObject();\n jsonObj.appendField("token_endpoint", configuration.getString("oidc.tokenUri"));\n final OIDCProviderMetadata providerMetaData;\n try {\n providerMetaData = OIDCProviderMetadata.parse(jsonObj);\n oidcConfiguration.setProviderMetadata(providerMetaData);\n } catch (ParseException e) {\n e.printStackTrace();\n }\n }\n}In app/controllers/HomeController.java add the following methods
After adding the above methods HomeController.java looks like this.
package controllers;\n\nimport com.google.inject.Inject;\nimport org.pac4j.core.context.session.SessionStore;\nimport org.pac4j.core.profile.ProfileManager;\nimport org.pac4j.core.profile.UserProfile;\nimport org.pac4j.play.context.PlayContextFactory;\nimport org.pac4j.play.java.Secure;\nimport org.pac4j.play.store.PlayCacheSessionStore;\nimport play.mvc.*;\n\nimport java.util.ArrayList;\nimport java.util.List;\n\n/**\n * This controller contains an action to handle HTTP requests\n * to the application's home page.\n */\npublic class HomeController extends Controller {\n\n /**\n * An action that renders an HTML page with a welcome message.\n * The configuration in the <code>routes</code> file means that\n * this method will be called when the application receives a\n * <code>GET</code> request with a path of <code>/</code>.\n */\n public Result index() {\n return ok(views.html.index.render());\n }\n\n @Secure(clients = "OidcClient")\n public Result oidcIndex(Http.Request req) {\n return protectedIndex(req);\n }\n\n public Result protectedIndex(Http.Request req) {\n return ok(views.html.protectedindex.render(getProfiles(req)));\n }\n\n @Inject\n private SessionStore sessionStore;\n\n private List<UserProfile> getProfiles(Http.Request req) {\n final ProfileManager profileManager = new ProfileManager(PlayContextFactory.INSTANCE.newContext(req), sessionStore);\n final List<UserProfile> profiles = new ArrayList<>();\n if (profileManager.getProfile().isPresent()) {\n profiles.add(profileManager.getProfile().get());\n }\n return profiles;\n }\n\n}app/views/index.scala.html as follows to add the link protected by OIDC authentication.@()\n\n@main("Welcome to Play") {\n <h1>Welcome to Play!</h1>\n\n <a href="oidc/index.html">Protected URL by OIDC</a>\n}app/views/protectedindex.scala.html with the following content below. This page will be shown after Successful Login using OIDC in LoginRadius.@(profileList: java.util.List[org.pac4j.core.profile.UserProfile])\n@import scala.collection.JavaConverters._\n@profiles() = { @profileList.toList }\n<h1>Protected Area</h1>\n<a href="..">Back</a>\n<ul>\n <li><a href="/logout?url=/?forcepostlogouturl">Logout</a></li>\n</ul>\n\n<p>\n profiles: @profiles\n</p>Now we already added methods in HomeController.java and configured callback, logout controllers in SecurityModule.java. Let's configure the routes to map to these methods in conf/routes.
conf/routes will look like this.# Routes\n# This file defines all application routes (Higher priority routes first)\n# ~~~~\n\n# An example controller showing a sample home page\nGET / controllers.HomeController.index\nGET /oidc/index.html controllers.HomeController.oidcIndex(request: Request)\nGET /protected/index.html controllers.HomeController.protectedIndex(request: Request)\nGET /callback @org.pac4j.play.CallbackController.callback(request: Request)\nPOST /callback @org.pac4j.play.CallbackController.callback(request: Request)\nGET /logout @org.pac4j.play.LogoutController.logout(request: Request)\n\n\n# Map static resources from the /public folder to the /assets URL path\nGET /assets/*file controllers.Assets.versioned(path="/public", file: Asset)Finally, configure the variables mentioned in SecurityModule.java in conf/application.conf as follows.
play {\n modules {\n enabled += modules.SecurityModule\n }\n}\n\nbaseUrl = "http://localhost:9000"\n\noidc.discoveryUri = "https://cloud-api.loginradius.com/sso/oidc/v2/{loginradius-site-name}/{loginradius-app-name}/.well-known/openid-configuration"\noidc.clientId = "{clientId}"\noidc.clientSecret = "{clientSecret}"\noidc.tokenUri = "https://cloud-api.loginradius.com/sso/oidc/v2/{loginradius-site-name}/token"Login to your LoginRadius account or signup here if you don't have one.
\nOnce you log in you can see by default, one application will be created for you. Otherwise, you can create a new application here from the following screen by clicking New App.
I will be using the existing application itself for this demo as I am using a free plan. In the free plan, you can create only one application (no need for card details).
\nUpgrade your application subscription to the Developer Pro Plan to configure OIDC. (Developer Pro Plan is available with 21 days trial).
Now click on Select & Configure on your application and navigate to the Integration Section and Configure Open ID configuration. You can find step-by-step details to configure OIDC here.
Once you configure these conf/application.conf will look something like this.
# This is the main configuration file for the application.\n# https://www.playframework.com/documentation/latest/ConfigFile\n\nplay {\n modules {\n enabled += modules.SecurityModule\n }\n}\n\nbaseUrl = "http://localhost:9000"\n\noidc.discoveryUri = "https://cloud-api.loginradius.com/sso/oidc/v2/dev-svv3qlcj2y/pac4j-play-loginradius-demo/.well-known/openid-configuration"\noidc.clientId = "8ce24413-9b7e-4282-9f5b-e0e5ec13a42a"\noidc.clientSecret = "c9c61f6e-325f-40d6-89fd-696d17f970eb"\noidc.tokenUri = "https://cloud-api.loginradius.com/sso/oidc/v2/dev-svv3qlcj2y/token"\n# Site Name - dev-svv3qlcj2y\n# App Name - pac4j-play-loginradius-demoLet's run our application using sbt clean run and visit http://localhost:9000. The Home page will look like this.
Now click on the protected url by OIDC link on the home page that will redirect you to the LoginRadius Auth Page (IDX), which you configured.
On successful login from the above step, you will be redirected to the protectedindex.scala.html page.
play-pac4j provides out of the box LogoutController which can be used to handle logout flows. It has logout functionality which has the logout logic implementation to clear the session. Below is the sample logout functionality from org.pac4j.play.LogoutController play-pac4j module.
public CompletionStage<Result> logout(final Http.Request request) {\n\n final HttpActionAdapter bestAdapter = FindBest.httpActionAdapter(null, config, PlayHttpActionAdapter.INSTANCE);\n final LogoutLogic bestLogic = FindBest.logoutLogic(logoutLogic, config, DefaultLogoutLogic.INSTANCE);\n\n final WebContext context = FindBest.webContextFactory(null, config, PlayContextFactory.INSTANCE).newContext(request);\n\n return CompletableFuture.supplyAsync(() -> (Result) bestLogic.perform(context, sessionStore, config, bestAdapter, this.defaultUrl,\n this.logoutUrlPattern, this.localLogout, this.destroySession, this.centralLogout), ec.current());\n }So to use this LogoutController, we just need to initialize it and define logout route for the same in our routes. We already initialized LoginController in SecurityModule.java.
logout action. // logout\n final LogoutController logoutController = new LogoutController();\n logoutController.setDefaultUrl("/?defaulturlafterlogout");\n bind(LogoutController.class).toInstance(logoutController);/logout Route using LogoutController in conf/routes.GET /logout @org.pac4j.play.LogoutController.logout(request: Request)On Clicking logout in our application, the session will be cleared and you will be redirected to the Home page based on our configuration.
You can see the full source code for the application developed in this tutorial on GitHub.
\n","frontmatter":{"date":"June 25, 2021","updated_date":null,"description":"Learn how to integrate play-pac4j and use its OIDC support to authenticate with LoginRadius using JAVA play framework.","title":"Add Authentication to Play Framework With OIDC and LoginRadius","tags":["OIDC","Java","pac4j","Play Framework","Authentication"],"pinned":null,"coverImage":{"childImageSharp":{"fluid":{"aspectRatio":1.5037593984962405,"src":"/static/7fda86ee912dfb6374d4838c3062813c/ee604/pac4j-authentication.png","srcSet":"/static/7fda86ee912dfb6374d4838c3062813c/69585/pac4j-authentication.png 200w,\n/static/7fda86ee912dfb6374d4838c3062813c/497c6/pac4j-authentication.png 400w,\n/static/7fda86ee912dfb6374d4838c3062813c/ee604/pac4j-authentication.png 800w,\n/static/7fda86ee912dfb6374d4838c3062813c/db955/pac4j-authentication.png 900w","sizes":"(max-width: 800px) 100vw, 800px"}}},"author":{"id":"Vishnu Chilamakuru","github":"vishnuchilamakuru","avatar":null}}}},{"node":{"excerpt":"Most corporate brands like to believe that their brand of products or services is the most authentic in their industry space. Popular…","fields":{"slug":"/growth/why-brand-authenticity-is-important/"},"html":"Most corporate brands like to believe that their brand of products or services is the most authentic in their industry space. Popular buzzwords like brand identity or brand honesty are often used synonymously by organizations when describing their business offerings.
\nWith today’s data-savvy consumers having easy access to brand information and choices, can brands only rely on an excellent product/service or online marketing to make their brand stay ahead of their competition?
\nNo. Because your brand authenticity also matters.
\nA 2019 Stackla survey found that 86% of consumers consider authenticity as a key factor when deciding which brand to support. Further, today’s millennial and generation Z consumers are more vocal about their demand for brand identity and authenticity.
\nWhy is brand authenticity important and how can you build a better brand identity? Let us answer these questions in the following sections.
\nBrand authenticity refers to how much a consumer believes that the company is being honest in what they are trying to convey to their audience. It plays a crucial role in defining your business missions and processes.
\nSuccessful brands have used brand authenticity to reposition themselves to work for the benefit of their consumers. Recent examples include Coca-Cola's \"Better Shared Future” and Nike’s “Move to Zero” brand messaging.
\nAuthenticity is best described as being true to your consumers and adapting to changes in the market. Here are a few ways to do that:
\nBy emotionally connecting with consumers: A genuine or original brand message connects with consumers at an emotional level. The question is does your brand have a consistent message that consumers can identify with at all times? For instance, a DoSomethingStrategic research found that two-thirds of Gen Z consumers felt positive about a brand because of their association with a social cause.
\nBy rising above the noise: In these times of information overload, it is challenging for businesses to transmit genuine brand messaging to their potential consumers. With online consumers using more ad blockers, only authentic brands can reach out to them and grow their business through word-of-mouth advertising.
\nBy differentiating from other brands: Authentic brands differentiate themselves from their competition by being more visible and transparent to their consumers. For example, a transparent brand strategy works towards building brand trust and loyalty among consumers.
\nAs a growing business, how do you go about building brand authenticity for your company? An honest brand identity is not difficult to achieve.
\nHere are 5 steps with which you can achieve the it:
\nWe love to hear interesting brand narration. People immediately connect to stories that are not positioned as any marketing tool or as a sales pitch, but that talks about the various challenges that they (or someone else) faced and how they overcame them.
\nIs your brand message in line with your brand value and identity? Inconsistent brand messaging can be confusing to your users and harm your brand loyalty. With so many options for digital marketing and social media marketing, make sure you deliver a consistent message across all channels.
\nHere are some useful tips on how to build brand consistency:
\nAs the popular adage goes, it is not what you say, but what you do that matters. This is also true in case of brand management. Smart consumers can easily spot the lack of substance behind every brand's social media engagement and marketing campaign. If the honest claims about your brand are not followed by appropriate actions, then your brand authenticity will not work.
\nBuilding an authentic brand is not about being the perfect brand that can make no mistakes. As a business, own up to any mistakes in consumer servicing or damage done to your brand identity when required. The fact is that no business is perfect–and your consumers also know that.
\nAs a practice, develop a clear line of communications with your online audience through multiple channels.
\nThe final step towards achieving brand authenticity is to showcase your brand reputation to your consumers. User testimonials or online reviews can be a great way of showing what real people or businesses think about your brand. In other words, brand identity is not just about being honest and accepting mistakes, but also the positive aspects of your business.
\nBrand authenticity is not a one-time activity, but a constant process of discovering what your brand means for your consumers. No matter which industry you are in, brand identity is critical for business success in today’s times. As outlined in this article, an authentic brand can connect with consumers and establish a brand value that goes way beyond profits and revenues.
\n\n","frontmatter":{"date":"June 24, 2021","updated_date":null,"description":"Today's world is increasingly clamoring for authenticity. Companies, especially brands, are being held accountable to consumers' demands and judgments about their sincerity. To many people, authenticity is more important than hope.","title":"Why Brand Authenticity is Important & How to Build it","tags":null,"pinned":null,"coverImage":{"childImageSharp":{"fluid":{"aspectRatio":1.7857142857142858,"src":"/static/261f004ba2b0de4a10c678bf72960281/14b42/brand-engagement.jpg","srcSet":"/static/261f004ba2b0de4a10c678bf72960281/f836f/brand-engagement.jpg 200w,\n/static/261f004ba2b0de4a10c678bf72960281/2244e/brand-engagement.jpg 400w,\n/static/261f004ba2b0de4a10c678bf72960281/14b42/brand-engagement.jpg 800w,\n/static/261f004ba2b0de4a10c678bf72960281/47498/brand-engagement.jpg 1200w","sizes":"(max-width: 800px) 100vw, 800px"}}},"author":{"id":"Navanita Devi","github":null,"avatar":null}}}},{"node":{"excerpt":"There is an advanced feature of React that it can write renderers for multiple different env. Let discuss a few of them. React-Figma This is…","fields":{"slug":"/engineering/react-renderer/"},"html":"There is an advanced feature of React that it can write renderers for multiple different env. Let discuss a few of them.
\nThis is a Renderer for Figma. It can use React components as a design source.
\nSample code with react-figma:
\nimport * as React from 'react';\nimport { Page, View, Text } from 'react-figma';\n\nexport const App = () => {\n return (\n <Page name="My Resume" isCurrent>\n <View>\n <View style={{ width: 200, height: 100, backgroundColor: '#dd423a' }} /> <Text style={{ color: 'white' }}>Hi, There</Text>\n </View>\n </Page>\n );\n};Nowadays, Figma is the most popular design tool, similar renderers available as well: react-sketchapp for Sketch, react-xd for Adobe XD.
A device like Arduino can be operated by React components.
\nLet's checkout demo code :
\nimport React from 'react';\nimport ReactHardware, {Led} from 'react-hardware';\n\nconst App = () => {\n const [ledStage, setLedStage] = useState(false);\n\n useEffect(() => {\n setInterval(() => {\n setLedStage(prev => !prev);\n }, 2000);\n }, []);\n\n return <Led pin={13} value={ledStage ? 255 : 0} />\n}\nconst PORT = 'dev/tty.usbmodem1411';\nReactHardware.render(<App />, PORT);Another React solution for CLIs. It allows you to run, build and test your CLI output through components:
\nThe code of the demo:
\nconst Raiser = () => {\n const [i, setI] = useState(0);\n\n useEffect(() => {\n setInterval(() => {\n setI(prev => prev + 1);\n }, 200);\n }, []);\n\n return <Color>\n Increased by {i} \n\t</Color>;\n}Ink is a popular one that is used by libraries such a Gatsby, Parcel, Yarn 2, etc.\nreact-blessed is one of the similar libraries.
This is a great React renderer for threejs on the react-native and web.
\nLet's see a sample code:
\nimport ReactDOM from 'react-dom'\nimport React, { useRef, useState } from 'react'\nimport { Canvas, useFrame } from 'react-three-fiber'\n\nfunction MyFrame(props) {\n const Ref = useRef()\n const [hover, setOnHover] = useState(false)\n const [enable, setEnable] = useState(false)\n\n useFrame(() => (Ref.current.rotation.x = Ref.current.rotation.y += 0.01))\n\n return (\n <Ref\n {...props}\n ref={Ref}\n scale={enable ? [1.5, 1.5, 1.5] : [1, 1, 1]}\n onClick={(e) => setEnable(!enable)}\n onPointerOver={(e) => setOnHover(true)}\n onPointerOut={(e) => setOnHover(false)}>\n <boxBufferGeometry args={[1, 1, 1]} />\n <meshStandardMaterial color={hover ? 'hotpink' : 'orange'} />\n </Ref>\n )\n}\n\nReactDOM.render(\n <Canvas>\n <pointLight position={[10, 10, 10]} />\n <MyFrame position={[-3.2, 0, 0]} />\n <MyFrame position={[2.2, 0, 0]} />\n </Canvas>,\n document.getElementById('root')\n)The library has a great ecosystem along with packages such as react-three-flex ,react-xr, react-postprocessing , etc.
A renderer for React that render nothing.
\nimport React, { useState, useEffect } from "react"\nimport { render } from "react-nil"\nfunction MyComponent() {\n const [active, set] = useState(false)\n useEffect(() => void setInterval(() => set((active) => !active), 1000), [])\n return null\n}\n\nrender(<MyComponent />)It provides you kind of high-level abstraction to Node.
\nAnother reconciler for DOCX.js.
\nLet's understand with a sample code:
\nrenderAsyncDocument(\n <section>\n <paragraph heading={Docx.HeadingLevel.HEADING_1}>\n This is a sample paragraph with paragraph tag\n </paragraph>\n <p> This is a sample paragraph with P tag</p>\n <p>\n <t>this is for textrun</t>\n </p>\n <p>\n <img\n src="base64...."\n width={200}\n height={200}\n />\n <href\n src="http://localhost:8080"\n label={"image n links label"}\n />\n </p>\n <Component text="can try componets in this way of course, like react!">\n </Component>\n </section>\n).then((doc) => console.log(doc));Also, you can checkout react-pdf and redocx for a similar purpose.
Can visit this Github Repo for a curated list of react renderers.
\n","frontmatter":{"date":"June 23, 2021","updated_date":null,"description":"There is an advanced feature of React is that it can write renderers for multiple different env.","title":"React renderers, react everywhere?","tags":["JavaScript","React","Renderer"],"pinned":null,"coverImage":{"childImageSharp":{"fluid":{"aspectRatio":1.5037593984962405,"src":"/static/3e300a00ec9a7919e0e181600a6fc755/ee604/react.png","srcSet":"/static/3e300a00ec9a7919e0e181600a6fc755/69585/react.png 200w,\n/static/3e300a00ec9a7919e0e181600a6fc755/497c6/react.png 400w,\n/static/3e300a00ec9a7919e0e181600a6fc755/ee604/react.png 800w,\n/static/3e300a00ec9a7919e0e181600a6fc755/f3583/react.png 1200w","sizes":"(max-width: 800px) 100vw, 800px"}}},"author":{"id":"Abhimanyu Singh Rathore","github":"abhir9","avatar":null}}}}]},"markdownRemark":{"excerpt":"Identity is evolving, and developers are at the forefront of this transformation. Every day brings a new learning—adapting to new standards…","fields":{"slug":"/identity/developer-first-identity-provider-loginradius/"},"html":"Identity is evolving, and developers are at the forefront of this transformation. Every day brings a new learning—adapting to new standards and refining approaches to building secure, seamless experiences.
\nWe’re here to support developers on that journey. We know how important simplicity, efficiency, and well-structured documentation are when working with identity and access management solutions. That’s why we’ve redesigned the LoginRadius website—to be faster, more intuitive, and developer-first in every way.
\nThe goal? Having them spend less time searching and more time building.
\nLoginRadius’ vision is to give developers a product that simplifies identity management so they can focus on building, deploying, and scaling their applications. To enhance this experience, we’ve spent the last few months redesigning our interface— making navigation more intuitive and reassuring that essential resources are easily accessible.
\nHere’s a closer look at what’s new and why it’s important:
\n
Developers spend long hours working in dark-themed IDEs and terminals, so we’ve designed the LoginRadius experience to be developer-friendly and align with that preference.
\nThe new dark mode reduces eye strain, enhances readability, and provides a seamless transition between a coding environment and our platform. Our new design features a clean, modern aesthetic with a consistent color scheme and Barlow typography, ensuring better readability. High-quality graphics and icons are thoughtfully placed to enhance the content without adding visual clutter.
\nSo, whether you’re navigating our API docs or configuring authentication into your system, our improved interface will make those extended development hours more comfortable and efficient.
\n![\"This](\"/e5358b82be414940f3fb146013845933/capabilities.webp\")
We’ve restructured our website to provide a straightforward breakdown of our customer identity and access management platform capabilities, helping you quickly find what you need:
\nThis structured layout ensures you can quickly understand each capability and how it integrates into your identity ecosystem.
\n![\"This](\"/a8c155c2b6faf3d5f4b4de4e2b14d763/developers-menu.webp\")
We’ve been analyzing developer workflows to identify how you access key resources. That’s why we redesigned our navigation with one goal in mind: to reduce clicks and make essential resources readily available.
\nThe new LoginRadius structure puts APIs, SDKs, and integration guides right at the menu bar under the Developers dropdown so you can get started faster. Our Products, Solutions, and Customer Services are also clearly categorized, helping development teams quickly find the right tools and make informed decisions.
\n![\"This](\"/b2f9a964a2da0ea83e2f8596b833bba7/we-support-your-tech-stack.webp\")
Developers now have a clear view of the tech stack available with LoginRadius, designed to support diverse business needs.
\nOur platform offers pre-built SDKs for Node.js, Python, Java, and more, making CIAM integration seamless across popular programming languages and frameworks.
\nCheck out our revamped LoginRadius website and see how the improved experience makes it easier to build, scale, and secure your applications.
\nDo not forget to explore the improved navigation and API documentation, and get started with our free trial today. We’re excited to see what you’ll build with LoginRadius!
\n","frontmatter":{"date":"February 21, 2025","updated_date":null,"description":"LoginRadius’ vision is to give developers a product that simplifies identity management so they can focus on building, deploying, and scaling their applications. To enhance this experience, we’ve redesigned our website interface, making navigation more intuitive and reassuring that essential resources are easily accessible.","title":"Revamped & Ready: Introducing the New Developer-First LoginRadius Website","tags":["Developer tools","API","Identity Management","User Authentication"],"pinned":true,"coverImage":{"childImageSharp":{"fluid":{"aspectRatio":1.7857142857142858,"src":"/static/80b4e4fbe176a10a327d273504607f32/58556/hero-section.webp","srcSet":"/static/80b4e4fbe176a10a327d273504607f32/61e93/hero-section.webp 200w,\n/static/80b4e4fbe176a10a327d273504607f32/1f5c5/hero-section.webp 400w,\n/static/80b4e4fbe176a10a327d273504607f32/58556/hero-section.webp 800w,\n/static/80b4e4fbe176a10a327d273504607f32/99238/hero-section.webp 1200w,\n/static/80b4e4fbe176a10a327d273504607f32/7c22d/hero-section.webp 1600w,\n/static/80b4e4fbe176a10a327d273504607f32/1258b/hero-section.webp 2732w","sizes":"(max-width: 800px) 100vw, 800px"}}},"author":{"id":"Rakesh Soni","github":"oyesoni","avatar":"rakesh-soni.jpg"}}}},"pageContext":{"limit":6,"skip":444,"currentPage":75,"type":"///","numPages":161,"pinned":"ee8a4479-3471-53b1-bf62-d0d8dc3faaeb"}},"staticQueryHashes":["1171199041","1384082988","2100481360","23180105","528864852"]}