![\"DS-m2m-auth\"](\"/3668282664aff852df5f47b46e47d874/DS-m2m-auth.webp\")
As human interactions become more and more digitalized, your business and personal websites have become far more important than a couple of decades ago.
\nWhen a user lands on your website, it's essential to help the user find the right information as effectively as possible. Otherwise, the user may leave the website, losing potential business opportunities or visibility.
\nOne of the important ways to improve website design and help users find the information they want is to make the site searchable using the search functionality. It enables users to find content by searching for particular words without understanding or exploring the entire website or app, a quick or less complex way to find content.
\nLet's discuss why your website needs to have search functionality and its benefits.
\nIf you have a large site -- assuming an e-commerce website or having hundreds of pages, users could find it extremely challenging to navigate to what they're looking for. In this situation, a search box allows your users to see what they need with a quick search.
\nRegardless of where each user lands on your website, a search box will help them quickly find specific topics or pages.
\nSimply, the more straightforward it is for users to navigate around your entire website, the more probable that they will explore it.
\nIf it's difficult for users to track down what they're looking for, they'll head off to somewhere else that can fulfill their requirements. Help your users engage quite a bit on your site with a search textbox.
\nAssuming you can incorporate your search bar into your Google Analytics, you'll have the option to track how frequently individuals look for a specific term. You can utilize this data for on-page content, order details, or billing plans.
\nFor example, if the most searched item on your website is Perfume, you could create a separate section or link on the home page so that users can directly navigate to that item faster.
\nIn this mobile era, it's critical to ensure your site and applications are mobile-friendly. Whenever users are on their mobile phones, they could be out and in a hurry, and a search feature will allow them to search and navigate to a specific page rapidly.
\nPeople are habitual to using some features to the level that they don't think much before using them. Search functionality is one of them. In this digital world, you can't have a site that doesn't offer an ideal user experience. Keep in mind that this minor component can significantly help increase your website’s engagement rates.
\nAs the number of site visits increases, it indicates an improvement in brand engagement. Users visit your site because they are happy with the information and experience. This helps to raise your brand image among other competitors in your market.
\nA positive user experience will lead to more visits to your site. As the visitors' count and time spent on your website increase, search engines like Google will consider your website performing well and of good quality, which will further elevate your page rankings in search results.
\nYou will also find some new keywords from users' searches to search for similar or different information on Google or other search engines. These search keywords can be those words that you want to target in SEO and other marketing and search strategies.
\nAs you expand your website with new content, blog posts, or new products, it can make your website cumbersome and affect user experience. Accordingly, finding an exact item can become difficult. However, with the right site search strategy, website size or navigation does not hamper the user experience. Users can find what they need and get ideas for other related items.
\nIn a nutshell, search functionality on your website helps offer a smooth, consistent experience for your users. And a well-implemented search functionality has more potential to ensure the website's success.
\nTry not to stop your users from exploring all the features your site offers; add search functionality to your site soon!
\n","frontmatter":{"date":"February 24, 2022","updated_date":null,"description":"Adding a search functionality is important for any website to improve user experience. Read more to understand the benefits of enabling search on your website.","title":"Why Implement Search Functionality for Your Websites","tags":["Search"],"pinned":null,"coverImage":{"childImageSharp":{"fluid":{"aspectRatio":1.5037593984962405,"src":"/static/455ec841671081b53edc59522c28a138/58556/search-functionality.webp","srcSet":"/static/455ec841671081b53edc59522c28a138/61e93/search-functionality.webp 200w,\n/static/455ec841671081b53edc59522c28a138/1f5c5/search-functionality.webp 400w,\n/static/455ec841671081b53edc59522c28a138/58556/search-functionality.webp 800w,\n/static/455ec841671081b53edc59522c28a138/99238/search-functionality.webp 1200w","sizes":"(max-width: 800px) 100vw, 800px"}}},"author":{"id":"Neha Vyas","github":"nehavyasqa","avatar":null}}}},{"node":{"excerpt":"We're in an era where the number of machine identities has already surpassed the number of human identities, which isn’t something that…","fields":{"slug":"/identity/rise-of-machine-identity-m2m-authorization-role/"},"html":"We're in an era where the number of machine identities has already surpassed the number of human identities, which isn’t something that should be ignored from a security perspective.
\nWhether we talk about an IoT ecosystem containing millions of interconnected devices or application programs continuously seeking access to crucial data from devices and other apps, machine identity security is swiftly becoming the need of the hour.
\nWhat’s more worrisome is that cybercriminals are always on the hunt to exploit a loophole in the overall security mechanism in the digital world where machine-to-machine communication is the new normal.
\nHence, it’s no longer enough to reassure or assume services/devices accessing sensitive data can be trusted since a breach or sneak into the network in real-time processing can go undetected for months or even years, causing losses worth millions of dollars.
\nHere’s where the critical role of machine-to-machine (M2M) authorization comes into play.
\nLet’s understand how M2M authentication works and paves the path for the secure machine to machine and machine to application interactions without human interventions.
\nJust like humans have a unique identity and characteristics that define a particular individual, machines have their identities that help govern the integrity and confidentiality of information between different systems.
\nMachines leverage keys and certificates to assure their unique identities while accessing information or gaining access to specific applications or devices.
\nToday, business systems undergo complex interactions and communicate autonomously to execute business functions. Every day, millions of devices constantly gather and report data, especially concerning the Internet of Things (IoT) ecosystem, which doesn’t even require human intervention.
\nHowever, adding stringent layers of security isn’t a piece of cake at such a micro-level. Hence, cybercriminals are always looking for a loophole to sneak into a network and exploit crucial information.
\nHence, these systems need to efficiently and securely share this data during transit to the suitable systems and issue operational instructions without room for tampering.
\nA robust machine-to-machine (M2M) communication mechanism can be a game-changer concerning the ever-increasing security risks and challenges.
\nMachine-to-machine (M2M) authorization ensures that business systems communicate autonomously without human intervention and access the needed information through granular-level access.
\nM2M Authorization is exclusively used for scenarios in which a business system authenticates and authorizes a service rather than a user.
\nM2M Authorization provides remote systems with secure access to information. Using M2M Authorization, business systems can communicate autonomously and execute business functions based on predefined authorization.
\n
Since we’re now relying on smart interconnected devices more than ever before, secure data transfer is undeniably a massive challenge for businesses and vendors offering smart devices and applications.
\nMoreover, these smart devices and applications continuously demand access from other devices and applications, which doesn’t involve any humans; the underlying risks and security threats increase.
\nIT leaders and information security professionals can’t keep an eye on things at this micro-level, which is perhaps the reason why there’s an immediate need for a robust mechanism that can handle machine-to-machine communication and ensure the highest level of security.
\nApart from this, businesses also need to focus on improving the overall user experience since adding stringent layers of security eventually hampers user experience.
\nHere’s where a reliable CIAM (consumer identity and access management) solution like LoginRadius comes into play.
\nLoginRadius M2M helps businesses to provide flexible machine-to-machine communication while ensuring granular access, authorization, and security requirements are enforced.
\nLoginRadius’ M2M Authorization offers secure access to improve business efficiency and ultimately enhances customer experience. M2M provides several business benefits, including, but not limited to:
\nWith the rise of smart devices, the rising threat of machine identity theft is increasing among developers and vendors offering these services.
\nOrganizations need to understand the complexity of the situation and put their best efforts into incorporating a smart security mechanism that can carry out machine-to-machine authorization tasks like a breeze.
\nLoginRadius’ cutting-edge CIAM offers the best-in-class M2M authorization that helps businesses grow without compromising overall security.
\n![\"book-a-demo-loginradius\"](\"/8fce571f703a5970dbb1359a2fe0e51a/book-a-demo-loginradius.webp\")
Consumers in the ever-expanding digital world demand rich experiences at every touchpoint, which is perhaps the reason why retailers should stress the importance of offering a flawless experience to their users.
\nHowever, user experience without the reinforcement of stringent security is of no use. And businesses should focus on delivering a perfect harmony of user experience and security.
\nConsumers are well aware that their identity and personal information’s security matters, and it’s the vendor's responsibility to have adequate security measures to safeguard their digital identity.
\nStats reveal the fraud detection and prevention (FDP) market is estimated to soar at 63 billion U.S. dollars in 2023, which was 19.5 billion U.S. dollars back in 2019.
\nYes, if a retail business needs to stand ahead of the curve, it must leverage cutting-edge technology that helps them attract users that convert into buyers without any friction.
\nHere’s where the role of identity management comes into play!
\nIdentity management in the retail industry is a seamless, secure, and scalable solution to identify and protect customer data and ensure that they can easily access any information they need.
\nLet’s uncover the critical role of identity management in the retail industry and how businesses can scale growth without compromising consumer identities.
\nIdentity management in cybersecurity refers to the security framework and disciplines for managing digital identities. It regulates the responsibilities and access privileges associated with individual consumers and the conditions in which such privileges are allowed or denied.
\nOrganizations can use identity management solutions to detect unauthorized access privileges, validations, or policy violations under a single system. Moreover, they can also ensure that the organization meets necessary regulatory and audit requirements.
\nWhen it comes to the retail industry, businesses can’t ignore the endless possibilities with an identity management solution that thrives on business success. Here’s what identity management in the retail industry offers:
\nWhen combined, these aspects could do wonders for retailers by improving user experience from the moment a user interacts with their brand and enhancing conversions.
\nThese are opportunities ready to be grabbed. But are retailers ready to incorporate identity management into their workflow? If not, it is high time that they should.
\n![\"retailers-ds\"](\"/d76861eb4539bfb5162cadb521ad712b/retailers-ds.webp\")
Poor security and data management are the most underestimated aspects that badly impact sales and tarnish brand reputation.
\nOnline retailers that cannot protect consumer identity and personal information are prone to losing loyal consumers and would undoubtedly fail to attract potential customers.
\nAdding stringent layers of security is a must for any retailer seeking substantial growth in the ever-expanding competitive business landscape.
\nWhether it’s multi-factor authentication (MFA) or risk-based authentication (RBA), enterprises need to adopt advanced security measures to safeguard consumer information to prevent financial and reputational losses.
\nModern consumers always expect a multichannel experience where they’re catered with the services across different touchpoints.
\nMoreover, consumers balance offline and online shopping by spending a good time researching to buy a particular product at the best price.
\nNow the ball would certainly be in the court of the retailers and e-commerce owners who offer seamless experience right from the beginning.
\nThis means the consumer, if onboarded rightly, would certainly finalize a purchase if they are served with the right product at the right time and the right place.
\nOne way to increase brand loyalty is by combining a 360-degree view of the customer demographics with their behavior and personal preferences. This helps retailers and e-commerce owners tweak how they interact with their brands.
\nWith a CIAM in place, retailers can derive valuable insights from shoppers’ data that can be further utilized to create winning strategies that pave the path for more conversions and lead generations.
\nHence, centrally managed identities can primarily enhance the customer experience and build better relationships.
\nWith consumers demanding an excellent user experience backed with adequate security, incorporating a cutting-edge identity management solution is swiftly becoming the need of the hour for retailers.
\nMoreover, to meet the stringent data regulations and compliances across the globe, businesses can’t overlook the importance of a reliable CIAM.
\nA consumer identity and access management (CIAM) solution can help retailers meet their security and user experience-related requirements like a breeze without compromising compliances and regulations.
\n
User authentication is the process of validating a user's identity to ensure that they are who they claim to be. Implementing user authentication in your application is critical to prevent unauthorized users from accessing sensitive information.
\nThis tutorial focuses on implementing user authentication and registration in Flutter applications using the LoginRadius API.
\nIf you wish to follow along with this tutorial, you must have the following set up:
\nThis tutorial is verified with Flutter v2.5.1 and Android Studio v3.5.
\nLoginRadius is a cloud-based, SaaS Customer Identity and Access Management (CIAM) platform that provides developers and businesses simplified and robust features for managing customer identity, privacy, and access. LoginRadius offers high-level, secure, and well-documented APIs for integrating User Authentication and Single Sign-on (SSO) into your application.
\nLoginRadius offers:
\nSo, with everything out of the way, let's get started.
\nAfter creating an account with LoginRadius, it sets up a free app for you. This is the app in which you would integrate the LoginRadius API with Flutter. Here my app name is “tayy”.
\n![\"LoginRadius](\"/0d7ac3f6bd1f6f3ad31570d5b79c1ebd/app_window.webp\")
Next, you need to obtain your LoginRadius API credentials. To do so, login to your Dashboard and navigate to the Configuration tab in the sidebar menu. You will find your API credentials under the API Key and Secret section. Copy and store your APP Name, API Key, and API Secret somewhere safe and easily accessible.
![\"LoginRadius](\"/8a552a2950ebab3006e383386c6a11ef/configuration_tab.webp\")
Create a new Flutter project and navigate to the folder of the application by running the following commands in your terminal:
\nflutter create loginradius_example\ncd loginradius_exampleNext, you need to install the dio package as a dependency in our project. The dio package is a powerful HTTP client used for making network requests.
Run the following command to get the newest version of the dio package in your project.
flutter pub add dioThen, install the dependency by running flutter pub get in your terminal.
The project is being structured in this order:
\n![\"Folder](\"/cb6ed60c36b1e957eec023d28a260df7/folder-structure.webp\")
Create a new dart file named api_client.dart and import the dio package into the file, as follows:
import 'package:dio/dio.dart';Now let’s create a class named ApiClient and initialize the Dio object in it. The ApiClient class will contain several methods for making network requests based on your features, including User Registration, User Login, Get User Profile Data, and User Logout.
import 'package:dio/dio.dart';\n\nclass ApiClient {\n final Dio _dio = Dio();\n\n Future<Response> registerUser() async {\n //IMPLEMENT USER REGISTRATION\n }\n\n Future<Response> login() async {\n //IMPLEMENT USER LOGIN\n }\n\n Future<Response> getUserProfileData() async {\n //GET USER PROFILE DATA\n }\n\n Future<Response> logout() async {\n //IMPLEMENT USER LOGOUT\n }\n}Before implementing the user registration functionality, you must first obtain the user registration endpoint URL from the LoginRadius API Docs.
\nAfter retrieving the endpoint URL, you need to send a POST request to the endpoint using the Dio package by passing in:
apiKey you obtained earlier as a query parameter;userData as the request body; and,SOTT key as a header, as shown below.class ApiClient {\n //...\n Future<Response> registerUser(Map<String, dynamic>? userData) async {\n try {\n Response response = await _dio.post(\n 'https://api.loginradius.com/identity/v2/auth/register', //ENDPONT URL\n data: userData, //REQUEST BODY\n queryParameters: {'apikey': 'YOUR_API_KEY'}, //QUERY PARAMETERS\n options: Options(headers: {'X-LoginRadius-Sott': 'YOUR_SOTT_KEY', //HEADERS\n }));\n //returns the successful json object\n return response.data;\n } on DioError catch (e) {\n //returns the error object if there is\n return e.response!.data;\n }\n }\n }The below code snippet shows how you’ll send a POST request to the LoginRadius login endpoint URL https://api.loginradius.com/identity/v2/auth/login, passing in your apiKey as a query parameter and the email and password of the user as the request body.
class ApiClient {\n //...\n Future<Response> login(String email, String password) async {\n try {\n Response response = await _dio.post(\n 'https://api.loginradius.com/identity/v2/auth/login',\n data: {\n 'email': email,\n 'password': password\n },\n queryParameters: {'apikey': 'YOUR_API_KEY'},\n );\n //returns the successful user data json object\n return response.data;\n } on DioError catch (e) {\n //returns the error object if any\n return e.response!.data;\n }\n }\n }To retrieve the user profile details, send a GET request to the Read Profile Endpoint URL https://api.loginradius.com/identity/v2/auth/account, passing in your apiKey as a query parameter and the user's access token as the header.
\n\nThe user’s access token is gotten from the successful response object of the User Login endpoint.
\n
class ApiClient {\n //...\n\n Future<Response> getUserProfileData(String accesstoken) async {\n try {\n Response response = await _dio.get(\n 'https://api.loginradius.com/identity/v2/auth/account',\n queryParameters: {'apikey': 'YOUR_API_KEY'},\n options: Options(\n headers: {\n 'Authorization': 'Bearer ${YOUR_ACCESS_TOKEN}',\n },\n ),\n );\n return response.data;\n } on DioError catch (e) {\n return e.response!.data;\n }\n }Finally, to implement the user logout functionality, you would send a GET request to the Invalidate User Access Token endpoint URL https://api.loginradius.com/identity/v2/auth/access_token/InValidate. This API call invalidates the user's active access token, requiring them to re-authenticate if they want to access their data.
class ApiClient {\n //...\n\n Future<Response> logout(String accessToken) async {\n try {\n Response response = await _dio.get(\n 'https://api.loginradius.com/identity/v2/auth/access_token/InValidate',\n queryParameters: {'apikey': ApiSecret.apiKey},\n options: Options(\n headers: {'Authorization': 'Bearer $accessToken'},\n ),\n );\n return response.data;\n } on DioError catch (e) {\n return e.response!.data;\n }\n }\n }That concludes the ApiClient class. Next, you'll build the UI for your Flutter application, making use of the methods you just created in the ApiClient class.
Your Flutter application will consist of four screens, which include:
\nLet’s begin by building the Registration Screen.
\nThe RegistrationScreen has two TextFormField widgets that serve as our email and password fields, as well as an ElevatedButton to handle event submission, as shown in the code snippet below from the register.dart file.
//...\n @override\n Widget build(BuildContext context) {\n Scaffold(\n backgroundColor: Colors.blueGrey[200],\n body: Form(\n key: _formKey,\n child: SizedBox(\n width: size.width,\n height: size.height,\n child: Align(\n alignment: Alignment.center,\n child: Container(\n width: size.width * 0.85,\n padding: const EdgeInsets.symmetric(horizontal: 20, vertical: 30),\n decoration: BoxDecoration(\n color: Colors.white,\n borderRadius: BorderRadius.circular(20),\n ),\n child: SingleChildScrollView(\n child: Column(\n crossAxisAlignment: CrossAxisAlignment.start,\n children: <Widget>[\n const Center(\n child: Text(\n "Register",\n style: TextStyle(\n fontSize: 30,\n fontWeight: FontWeight.bold,\n ),\n ),\n ),\n SizedBox(height: size.height * 0.05),\n TextFormField(\n validator: (value) =>\n Validator.validateEmail(value ?? ""),\n controller: emailController,\n keyboardType: TextInputType.emailAddress,\n decoration: InputDecoration(\n hintText: "Email",\n isDense: true,\n border: OutlineInputBorder(\n borderRadius: BorderRadius.circular(10),\n ),\n ),\n ),\n SizedBox(height: size.height * 0.03),\n TextFormField(\n obscureText: _showPassword,\n validator: (value) =>\n Validator.validatePassword(value ?? ""),\n controller: passwordController,\n keyboardType: TextInputType.visiblePassword,\n decoration: InputDecoration(\n hintText: "Password",\n isDense: true,\n border: OutlineInputBorder(\n borderRadius: BorderRadius.circular(10),\n ),\n ),\n ),\n SizedBox(height: size.height * 0.06),\n Row(\n mainAxisAlignment: MainAxisAlignment.center,\n children: [\n Expanded(\n child: ElevatedButton(\n onPressed: _handleRegister,\n style: ElevatedButton.styleFrom(\n primary: Colors.indigo,\n shape: RoundedRectangleBorder(\n borderRadius: BorderRadius.circular(10)),\n padding: const EdgeInsets.symmetric(\n horizontal: 40, vertical: 15)),\n child: const Text(\n "Register",\n style: TextStyle(\n fontSize: 20,\n fontWeight: FontWeight.bold,\n ),\n ),\n ),\n ),\n ],\n ),\n ],\n ),\n ),\n ),\n ),\n ),\n ),\n );\n }\n //...In the onPressed callback of the ElevatedButton widget, you'll handle the validation of your form data.
If the form is validated, you pass your userData to the registerUser method from the ApiClient class for processing.
If the response is an error, you show a snackbar with the error message. Otherwise, the user is redirected to the Login Screen.
\n\n\nIn the following example, you've provided only a few user attributes as
\nuserData. To view the complete list of user attributes, please look at the body parameters of the User Registration API here.
Future<void> _handleRegister() async {\n if (_formKey.currentState!.validate()) {\n //show snackbar to indicate loading\n ScaffoldMessenger.of(context).showSnackBar(SnackBar(\n content: const Text('Processing Data'),\n backgroundColor: Colors.green.shade300,\n ));\n\n //the user data to be sent\n Map<String, dynamic> userData = {\n "Email": [\n {\n "Type": "Primary",\n "Value": emailController.text,\n }\n ],\n "Password": passwordController.text,\n "About": 'I am a new user :smile:',\n "FirstName": "Test",\n "LastName": "Account",\n "BirthDate": "10-12-1985",\n "Gender": "M",\n };\n\n //get response from ApiClient\n dynamic res = await _apiClient.registerUser(userData);\n ScaffoldMessenger.of(context).hideCurrentSnackBar();\n\n //checks if there is no error in the response body.\n //if error is not present, navigate the users to Login Screen.\n if (res['ErrorCode'] == null) {\n Navigator.push(context,\n MaterialPageRoute(builder: (context) => const LoginScreen()));\n } else {\n //if error is present, display a snackbar showing the error messsage\n ScaffoldMessenger.of(context).showSnackBar(SnackBar(\n content: Text('Error: ${res['Message']}'),\n backgroundColor: Colors.red.shade300,\n ));\n }\n }\n}The LoginScreen UI code is similar to the RegistrationScreen in that it also has two TextFormField widgets that serve as our email and password fields, as well as an ElevatedButton to handle event submission. So, for the sake of brevity, I’ll be leaving out the LoginScreen UI code and focusing mainly on the code to be written in the ElevatedButton onPressed callback in the login_screen.dart file.
//...\n //...\n Future<void> loginUsers() async {\n if (_formKey.currentState!.validate()) {\n //show snackbar to indicate loading\n ScaffoldMessenger.of(context).showSnackBar(SnackBar(\n content: const Text('Processing Data'),\n backgroundColor: Colors.green.shade300,\n ));\n\n //get response from ApiClient\n dynamic res = await _apiClient.login(\n emailController.text,\n passwordController.text,\n );\n ScaffoldMessenger.of(context).hideCurrentSnackBar();\n\n //if there is no error, get the user's accesstoken and pass it to HomeScreen\n if (res['ErrorCode'] == null) {\n String accessToken = res['access_token'];\n Navigator.push(\n context,\n MaterialPageRoute(\n builder: (context) => HomeScreen(accesstoken: accessToken)));\n } else {\n //if an error occurs, show snackbar with error message\n ScaffoldMessenger.of(context).showSnackBar(SnackBar(\n content: Text('Error: ${res['Message']}'),\n backgroundColor: Colors.red.shade300,\n ));\n }\n }\n }\n //...The code snippet above is a method that first validates the form before passing the email and password values to the login method from the ApiClient class for handling.
If the response is successful, you obtain the user’s access_token from the response data and pass it over to the HomeScreen. Otherwise, you display a snackbar with the error message that occurred.
Then, you pass the loginUsers method you created above to the onPressed property of the ElevatedButton widget in the LoginScreen, as shown below.
ElevatedButton(\n onPressed: loginUsers, //<--\n style: ElevatedButton.styleFrom(\n primary: Colors.indigo,\n shape: RoundedRectangleBorder(\n borderRadius: BorderRadius.circular(10)),\n padding: const EdgeInsets.symmetric(\n horizontal: 40, vertical: 15)),\n child: const Text("Login",\n style: TextStyle(\n fontSize: 20,\n fontWeight: FontWeight.bold,\n ),\n ),\n ),\n ),Next, you need to provide a screen that reveals the user's profile data when they successfully log in, and the HomeScreen is there to do so.
The HomeScreen displays the user’s profile details using a FutureBuilder widget that accepts a future getUserData.
Future<Map<String, dynamic>> getUserData() async {\n dynamic userRes;\n userRes = await _apiClient.getUserProfileData(widget.accesstoken);\n return userRes;\n }The getUserData method above is used to retrieve details of a user by passing in the access_token obtained earlier from the LoginScreen to the ApiClient getUserProfileData method.
To display the result of your getUserData method on our screen, use a FutureBuilder widget. The code snippet below shows how to use the FutureBuilder to get the results of the getUserData future in the home.dart file.
class HomeScreen extends StatefulWidget {\n final String accesstoken;\n const HomeScreen({Key? key, required this.accesstoken}) : super(key: key);\n @override\n State<HomeScreen> createState() => _HomeScreenState();\n }\n class _HomeScreenState extends State<HomeScreen> {\n //instance of ApiClient class\n final ApiClient _apiClient = ApiClient();\n\n //get user data from ApiClient\n Future<Map<String, dynamic>> getUserData() async {\n dynamic userRes;\n userRes = await _apiClient.getUserProfileData(widget.accesstoken);\n return userRes;\n }\n @override\n Widget build(BuildContext context) {\n var size = MediaQuery.of(context).size;\n return Scaffold(\n backgroundColor: Colors.white,\n body: SizedBox(\n width: size.width,\n height: size.height,\n child: FutureBuilder<Map<String, dynamic>>(\n future: getUserData(), //<---\n builder: (context, snapshot) {\n if (snapshot.hasData) {\n if (snapshot.connectionState == ConnectionState.waiting) {\n return Container(\n height: size.height,\n width: size.width,\n color: Colors.blueGrey,\n child: const Center(\n child: CircularProgressIndicator(),\n ),\n );\n }\n //get results from snapshot\n String fullName = snapshot.data!['FullName'];\n String firstName = snapshot.data!['FirstName'];\n String lastName = snapshot.data!['LastName'];\n String birthDate = snapshot.data!['BirthDate'];\n String email = snapshot.data!['Email'][0]['Value'];\n String gender = snapshot.data!['Gender'];\n return Container(\n width: size.width,\n height: size.height,\n color: Colors.blueGrey.shade400,\n child: SingleChildScrollView(\n physics: const BouncingScrollPhysics(),\n //...\n //...Finally, let's add the logout feature.
\nAdd an ElevatedButton widget to the HomeScreen.
TextButton(\n onPressed: (){},\n style: TextButton.styleFrom(\n backgroundColor: Colors.redAccent.shade700,\n shape: RoundedRectangleBorder(\n borderRadius: BorderRadius.circular(5)),\n padding: const EdgeInsets.symmetric(\n vertical: 15, horizontal: 25)),\n child: const Text('Logout',\n style: TextStyle(color: Colors.white), ),\n ),\n ),On pressing the button, you'll call the logout method on the ApiClient class and pass in the access_token value, and then you route the user to the LoginScreen.
TextButton(\n onPressed: () async {\n await _apiClient.logout(widget.accesstoken);\n Navigator.pushReplacement(\n context, MaterialPageRoute(builder: (context) => const LoginScreen()));\n },\n style: TextButton.styleFrom(\n backgroundColor: Colors.redAccent.shade700,\n shape: RoundedRectangleBorder(\n borderRadius: BorderRadius.circular(5)),\n padding: const EdgeInsets.symmetric(\n vertical: 15, horizontal: 25)),\n child: const Text('Logout',\n style: TextStyle(color: Colors.white),\n ),\n ),![\"Preview](\"/968d860d94a6f5f996e709e22dcec84a/demo-project.gif\")
LoginRadius provides high-level, secure, and well-documented APIs to ease the implementation of authentication and user identity management. This tutorial has discussed LoginRadius's benefits and how to use the LoginRadius APIs to handle user authentication and registration in a Flutter application.
\nThe complete source code of the demo application is available on GitHub.
\n","frontmatter":{"date":"February 17, 2022","updated_date":null,"description":"Developing Flutter apps? Learn how to implement user authentication and registration in your Flutter applications quickly with LoginRadius APIs.","title":"Flutter Authentication: Implementing User Signup and Login","tags":["Authentication","Flutter","API"],"pinned":null,"coverImage":{"childImageSharp":{"fluid":{"aspectRatio":1.5037593984962405,"src":"/static/97c4aaf6f0e898b457c0574ba1f8c979/58556/user-authentication-for-flutter-apps.webp","srcSet":"/static/97c4aaf6f0e898b457c0574ba1f8c979/61e93/user-authentication-for-flutter-apps.webp 200w,\n/static/97c4aaf6f0e898b457c0574ba1f8c979/1f5c5/user-authentication-for-flutter-apps.webp 400w,\n/static/97c4aaf6f0e898b457c0574ba1f8c979/58556/user-authentication-for-flutter-apps.webp 800w,\n/static/97c4aaf6f0e898b457c0574ba1f8c979/99238/user-authentication-for-flutter-apps.webp 1200w","sizes":"(max-width: 800px) 100vw, 800px"}}},"author":{"id":"Yusuf Ahmed","github":null,"avatar":null}}}},{"node":{"excerpt":"Introduction Thanks to the internet, businesses can collect data on a global scale. These can be demographic, psychographic, behavioral and…","fields":{"slug":"/growth/how-to-use-identity-marketing-privacy-centric-world/"},"html":"Thanks to the internet, businesses can collect data on a global scale. These can be demographic, psychographic, behavioral and transactional, location-based, and/or historical usage data. This information is used to better understand customers, which in turn allows companies to improve their products and services, as well as develop new ones. The more you know about your customers the more specific your marketing strategy can be.
\nBut then, if you don’t keep this information private, it can be used against you in ways you didn’t imagine. Even if you are a small business, that doesn’t mean that identity thieves aren’t targeting you. While there are many ways to protect your customers from identity theft, some methods are more effective than others.
\nThis blog will outline how you can utilize identity marketing in a privacy-centric world. Let's begin with the major regulations out there.
\nSo, we've all been hearing a lot about the GDPR and CCPA. What's going on?
\nThe GDPR, or the European Union General Data Protection Regulation, is a set of regulations that ensure that all data is handled with the highest levels of privacy and security protection or face financial consequences. In 2018, it became a law that companies must comply with or face harsh consequences.
\nThe CCPA or the California Consumer Privacy Act ensures that consumers are informed of the types of personal data being shared, the purpose of the sharing, and the fact that they can opt-out of the sharing.
\nThe GDPR and CCPA have a significant impact on identity marketing.
\nFirst, there's the issue of data protection. The GDPR requires businesses to give their customers access to the data they store (and avoid storing in the first place), and requires that customers be informed about how those data are being used. The CCPA requires business owners to inform their customers of their rights under the law so they can choose whether or not they want their information shared with third parties.
\nSecond, businesses need to rethink how they use their systems and communicate with their customers. The good news is that many of the issues can be resolved simply by taking an extra minute to verify if the legislations' conditions are met.
\n![\"WP-compliance\"](\"/0da2449ab79544dedbca51ea6d9c57a3/WP-compliance.webp\")
Incrementality in identity marketing in a strategic way can be defined as the ability to create and deliver value that is not only addictive but also meaningful to the customer. It refers to the idea that marketers should continually strive to add value to their customers, beyond what they are currently receiving from their current brands or products.
\nThis is a challenging task, as it requires marketers to think about how they can best serve their customers and provide them with new and innovative ways of experiencing their brands or products. To do this, marketers must have a clear understanding of their customer's needs and wants, as well as the competitive landscape.
\nOnce marketers have a good understanding of these factors, they can begin developing strategies that will enable them to add value to their customers in a way that is both relevant and valuable. This process can be facilitated by using tools like segmentation analysis and customer research.
\nThe answer is yes! User management “can'' contribute to identity marketing and in several ways. First, it can help you manage and track the interactions your customers have with your brand. This information can be used to improve customer retention rates and understand how best to serve them.
\nSecond, user management can help you identify and segment your target market. You can create targeted ads that are more relevant to your customers. By understanding their interests and preferences, you can create ads that are more likely to convert.
\nThird, user management can help you determine which users are likely to churn or abandon your product or service. This information can be used to develop strategies that prevent these users from leaving your product or service.
\nThere is great power in scalar utilization when it comes to Identity-Marketing in a strategic way. It refers to the use of multiple forms of marketing, such as social media, email marketing, and search engine optimization (SEO), to reach and engage customers.
\nIn identity marketing, scalar utilization can be used strategically to create better customer experiences. By understanding how customers interact with your brand across different channels, you can create a more holistic customer experience that leads to increased loyalty and advocacy.
\nFor example, if you sell products online, you might want to consider using social media as a way to connect with your customers. You could also use social media platforms to promote your products and services, respond to customer questions, and build relationships with your customers. This type of strategic scalar utilization can help you build stronger relationships with your customers and improve the overall customer experience.
\nAs mentioned above, there are many things that you might want to do with your consumers' identity. It is important to understand how useful the collected information is and what should be used to manage a good marketing campaign. You will always have a lot of information regarding the consumer because of their interaction but you need to collect it at the right time.
\nAnother important point is that you need to understand when you are asking questions and gathering information from your consumers as well. All these aspects should be discussed with privacy policies so that consumers know what they are doing in regards to your brand identity.
\n
The LoginRadius Identity Platform is an enterprise CIAM solution with many features fulfilling hundreds and thousands of use cases in this domain. With a vast amount of features, there comes an easy-to-use Admin Console (a dashboard provided to our customers for managing configuration, accessing data, viewing insights, etc.) with a navigation panel to access the desired features.
\nBeing a CIAM solution, LoginRadius understands the importance of Customer Experience (CX). From time to time, we take a look back in the Admin Console and improvise it for a better customer experience.
\nThis blog describes how LoginRadius improved the access of feature and configuration pages for customers to locate them with minimal effort.
\nAs mentioned above, the LoginRadius CIAM solution serves many features via its Admin Console, and sometimes it becomes hard for users to locate a feature configuration page.
\nWe decided to shoot this problem away by integrating the navigation panel with an easy-to-access Search option. As a result, you just type in the feature’s name or related keyword and select one result to land on the respective configuration page in Admin Console. Doesn’t that sound heavenly?
\nLet’s have a look at the new search option.
\n![\"1.webp\"](\"/7bdd0450bc347cc4618e1d86aa5bce21/1.webp\")
Click on the search section and type a keyword or phrase to view results. The following is an example of a feature search for the “Password” keyword:
\n![\"2.webp\"](\"/3ecf3fe48649720642c4bf3e49dd67cb/2.webp\")
You can click the desired result, and it will land you on the respective feature page in the Admin Console. So, no more scrolling through the navigation menu to find out what you are looking for in the console.
\nIt also displays the results relevant to the keyword or phrase to locate what you are looking for without any hassle.
\nNow, when we are talking about new search options, let’s have a quick look at other existing search options and how you or your team can use them in an optimized way.
\nThe LoginRadius Admin Console has a dedicated customer management section for your customer support team. You can conveniently manage customers or look around for details to solve their queries or problems.
\nYou can quickly locate a customer by using the search filter options such as domain, name, UID, email highlighted on the screen below:
\n![\"3\"](\"/8b3df6077a1e790c870dbefdeee55380/3.webp\")
Similarly, you can search and manage the blocked customers too.
\nThe search and extensive filter options are also available in the Insights section of the Admin Console. You can utilize these options to view the stats and analytics associated with customers, growth, usage, identity, provider, and many more.
\nThe following is an example of search options available in the Identity Analytics section:
\n![\"4\"](\"/35153381b03dc4c2f80011cdbe5a7b4f/4.webp\")
The purpose of all the above searches is to let our customers quickly locate the information or sections they want to access. If you value customer experience as much as we do, reach out to us, and we will help you improve the consumer experience of your application.
\n
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![\"This](\"/f46881583c7518a93bb24e94c32320de/a-developer-friendly-dark-theme.webp\")
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.webp"}}}},"pageContext":{"limit":6,"skip":306,"currentPage":52,"type":"///","numPages":164,"pinned":"ee8a4479-3471-53b1-bf62-d0d8dc3faaeb"}},"staticQueryHashes":["1171199041","1384082988","2100481360","23180105","528864852"]}