{"componentChunkName":"component---src-templates-tag-js","path":"/tags/cli/","result":{"data":{"site":{"siteMetadata":{"title":"LoginRadius Blog"}},"allMarkdownRemark":{"totalCount":5,"edges":[{"node":{"fields":{"slug":"/engineering/introducing-loginradius-cli/"},"html":"

Hi Everyone 👋 !!! Today we are announcing the beta release of LoginRadius CLI. I am very much excited about it.

\n

Why LoginRadius CLI?

\n

Developer Experience plays a crucial role for us. We always think about the ways we can minimize the juggling between a quickstart tutorial, dashboard, and terminal.\nThe LoginRadius CLI will simplify your flow by just using some simple commands to register, login, add site, add social, etc., and enables you to get the job done in very little time without leaving the terminal.

\n

How can you use LoginRadius CLI

\n

Check out a few examples of how LoginRadius CLI can help manage your Loginradius Dashboard.

\n

Login/Register to your LoginRadius Dashboard

\n

\n \n \n

\n

This command will help you to log in to the CLI. Once you logged in to the CLI, you can configure all your LoginRadius Applications through CLI.

\n

Manage your App Credentials

\n

\n \n \n

\n

Get your API Credentials in a single command. You can also reset your secret and generate sott using the LoginRadius CLI.

\n

Domain Whitelisting

\n

\n \n \n

\n

You can update the LoginRadius IDX Page theme from the predefined themes available through LoginRadius CLI.

\n
\n

You can check out the Theme Customization section in the LoginRadius Dashboard for all the available customization options.

\n
\n

Add Social Logins

\n

\n \n \n

\n

With the help of LoginRadius CLI, you can add social logins to your LoginRadius IDX Page.

\n

Learn More about the LoginRadius CLI

\n

Run lr --help to get the list of all available commands. Also you can checkout the manual for all the commands supported.

\n

Try LoginRadius CLI

\n

The LoginRadius CLI is available for Windows, macOS, and Linux. Check out the installation on our README.

\n

Help us to improve

\n

We hope you’ll love the LoginRadius CLI. And we’re even more excited about the future as we explore what it looks like to build a truly delightful experience with LoginRadius on the command line.

\n

We can’t wait to hear about your experience with LoginRadius CLI, and we’d love your feedback. Please create an issue in our open source repository or discuss what more commands you feel should be there on our community page.

\n

Checkout for more details

\n","frontmatter":{"date":"July 02, 2021","updated_date":null,"title":"Introducing LoginRadius CLI","tags":["Authentication","DevTools","CLI","LoginRadius CLI"],"coverImage":{"childImageSharp":{"fluid":{"aspectRatio":1.5037593984962405,"src":"/static/65b9c38d8aa61635972b0d2271c28c36/bc59e/cli.png","srcSet":"/static/65b9c38d8aa61635972b0d2271c28c36/69585/cli.png 200w,\n/static/65b9c38d8aa61635972b0d2271c28c36/497c6/cli.png 400w,\n/static/65b9c38d8aa61635972b0d2271c28c36/bc59e/cli.png 512w","sizes":"(max-width: 512px) 100vw, 512px"}}},"author":{"id":"Mohammed Modi","github":"mohammed786","avatar":null}}}},{"node":{"fields":{"slug":"/engineering/implement-authentication-in-react-using-loginradius-cli/"},"html":"

Hey Everyone !!! This blog will walk you through the steps necessary to quickly implement authentication mechanisms for your React application by leveraging LoginRadius and the LoginRadius CLI with the help of examples.

\n

Using the LoginRadius CLI, you can perform basic actions of your LoginRadius Dashboard through the command line. The actions include login, register, logout, social configuration, domain whitelisting, site management, etc. Once the actions are performed, changes will be reflected in your application.

\n

Configuring LoginRadius

\n

Please follow the steps below to install the LoginRadius CLI on your system. Once completed, use the CLI to finish registration on the LoginRadius portal and create your application.

\n

LoginRadius CLI Setup

\n

Mac or Linux

\n\n

Other Platforms

\n\n

Once you have the CLI installed, the following command can be used to complete the registration process via the LoginRadius portal.

\n
$ lr register
\n

This command will open the Portal in the browser, where you can register yourself and create the app.

\n

\n \n \n

\n

Configuring Callback URLs

\n

Here, a callback URL refers to a URL in your application that LoginRadius would redirect a user to after they have been authenticated. These URLs must be added to your Application Configuration. If not set, users will be unable to login into the application and receive an error.

\n

\n \n \n

\n

For security reasons, LoginRadius only processes API calls that are received from the whitelisted domains. To get the list of whitelisted domains, run lr get domain command from the CLI. Similarly, to add a domain, use the lr add domain command.

\n
\n

For the purposes of this tutorial, make sure that you set http://localhost as a whitelisted domain.

\n
\n

\n \n \n

\n

Setup React JS application

\n

This tutorial uses a demo app based on the Create React App (CRA) boilerplate. For instructions on how to create a React App, refer to the following docs.

\n

The React Demo Application mentioned here will display the User Profile data if the login process is completed successfully.

\n

After setting up the boilerplate:

\n\n
const config = {\n    APP_NAME: '<<App Name>>',\n    API_KEY: '<<API Key>>',\n  };\n  export default config;
\n
\n

This tutorial uses LoginRadius Auth Page(IDX) for authentication, where Registration and Login functionality is already implemented. For example, you can navigate your Register buttons to https://<LoginRadius APP Name>.hub.loginradius.com/auth.aspx?action=register&return_url=<Return URL>.

\n
\n

Add Code to your Application

\n\n
import { BrowserRouter as Router, Route, Switch } from "react-router-dom";\nimport "./App.css";\nimport LandingPage from "./components/LandingPage";\nimport Login from "./components/Login";\nimport Logout from "./components/Logout";\n\nfunction App() {\n  return (\n    <Router>\n      <div className="App">\n        <Switch>\n          <Route exact path="/">\n            <LandingPage />\n          </Route>\n          <Route path="/login">\n            <div style={{ display: "flex", padding: "1em" }}>\n              <Login />\n              <Logout />\n            </div>\n          </Route>\n        </Switch>\n      </div>\n    </Router>\n  );\n}\n\nexport default App;
\n

Add Landing Page

\n

In your components folder under the src folder, create a src/components/LandingPage.js file and add the following code to navigate your Register/Login buttons to the following URL's as shown below.

\n
import React from "react";\nimport config from "../config.js";\nconst LandingPage = () => {\n  return (\n    <div>\n      <h1> React Demo App </h1>\n\n      <a\n        href={`https://${config.APP_NAME}.hub.loginradius.com/auth.aspx?action=register&return_url=${window.location.origin}/login`}\n      >\n        <button>Register</button>\n      </a>\n\n      <a\n        href={`https://${config.APP_NAME}.hub.loginradius.com/auth.aspx?action=login&return_url=${window.location.origin}/login`}\n      >\n        <button>Login</button>\n      </a>\n    </div>\n  );\n};\nexport default LandingPage;
\n

By doing this, we are redirecting our application to the LoginRadius Auth Page and are passing the return_url as the current origin. After successful login, the Login component fetches the user profile data as shown in the following step. However, return_url can also be your website, backend server, etc., where you can handle the access token to perform different actions.

\n

Add Login Component

\n

In your components folder, create a src/components/Login.js file and add the following code to retrieve User Profile Data.

\n
import React from "react";\nimport { withRouter } from "react-router-dom";\nimport config from "../config";\n\nclass Login extends React.Component {\n  constructor(props) {\n    super(props);\n    this.state = {\n      userProfileResponse: null,\n    };\n  }\n\n  componentDidMount() {\n    const token = new URLSearchParams(this.props.location.search).get("token");\n    if (token) {\n      fetch(\n        "`https://api.loginradius.com/identity/v2/auth/account?apikey=" +`\n          config.API_KEY,\n        {\n          method: "GET",\n          headers: {\n            Authorization: "Bearer " + token,\n          },\n        }\n      )\n        .then((res) => res.json())\n        .then((res) => {\n          this.setState({ userProfileResponse: res });\n        })\n        .catch((e) => {\n          console.log(e);\n        });\n    } else {\n      window.location.assign(\n        `https://${config.APP_NAME}.hub.loginradius.com/auth.aspx?action=login&return_url=${window.location.origin}/login`\n      );\n    }\n  }\n\n  render() {\n    const { userProfileResponse } = this.state;\n\n    return (\n      <div>\n        <span style={{ whiteSpace: "pre-wrap", textAlign: "left" }}>\n          {JSON.stringify(userProfileResponse, null, 4)}\n        </span>\n      </div>\n    );\n  }\n}\n\nexport default withRouter(Login);
\n

The Login component will call the LoginRadius API to fetch the user data by making use of the token obtained upon logging in via the LoginRadius Auth Page.

\n

Add Logout component

\n

In your components folder, create a src/components/Logout.js file and add the code as shown below.

\n
import React from "react";\nimport config from "../config.js";\n\nconst Logout = () => {\n  localStorage.removeItem("token");\n\n  return (\n    <div class="container">\n      <a\n        href={`https://${config.APP_NAME}.hub.loginradius.com/auth.aspx?action=logout&return_url=http://localhost:3000/`}\n      >\n        <button>Logout</button>\n      </a>\n    </div>\n  );\n};\nexport default Logout;
\n

This component contains logout functionality. Here, action=logout is passed to the LoginRadius Auth Page, which will log the user out and return them to the Landing Page specified in the return_url.

\n
\n

Full code of the demo can be found on github.

\n
\n

Testing the application

\n

Run the React Application from the command line using npm start. You will be able to see the output on localhost:3000. You can also directly open the IDX page on https://<LoginRadius APP Name>.hub.loginradius.com/auth.aspx?action=register&return_url=http://localhost:3000/login.

\n

Congratulations! You have set up a React Application configured with LoginRadius using LoginRadius CLI. Continue reading to check out some cool and advanced features of the LoginRadius CLI that will help you manipulate and configure the LoginRadius Auth Page for your application through the CLI.

\n

Advanced LoginRadius CLI features

\n

This section explains the use of the LoginRadius CLI in enabling users to quickly and efficiently make changes to the LoginRadius Auth Page configured for their application.

\n

Adding Social Login Methods

\n

We can add social login methods like Google, Facebook, etc., to the LoginRadius Auth Page using the CLI. Use the lr add social command to add a Login method and the lr get social command to view the current active social login methods. Check the image below for a visual representation.

\n

\n \n \n

\n

After changing the theme, navigate to the LoginRadius Auth Page using lr demo command to view the changes.

\n

\n \n \n

\n

Adding to the Registration schema

\n
\n

This functionality is only available for paid Developer Plans and above (not available for LoginRadius Free plan).

\n
\n

We can update the Registration Page schema using the lr add schema command. Use the lr get schema command with --active or --all flags to get the current Registration fields or view all available fields with their schemas. You can also configure addtional features by choosing the setup advance configuration option.
\nSee the image below for a visual representation of the command flow.

\n

\n \n \n

\n

In the below image 2 fields have been added to the registration schema, Confirm Password and Gender. To view the changes, navigate to the LoginRadius Auth Page using lr democommand.

\n

\n \n \n

\n
\n

Instead of using the lr demo command, you can also view the LoginRadius Auth Page by visiting locahost:3000 and following the same workflow as explained earlier.

\n
\n

The entire description for these commands can be found in the LoginRadius CLI Manual.

\n

Contributing to LoginRadius CLI

\n

The LoginRadius CLI is open-sourced under LoginRadius Organization. You are welcome to contribute to it, suggest improvements, or report bugs by following the contributing guidelines. You can also checkout our open source page if you wish to contribute to other opensource projects by LoginRadius.

\n

Your Take

\n

Using the LoginRadius CLI, you can easily setup authentication for your React applications. You can also perform certain LoginRadius functionalities and processes efficiently through the CLI, which saves a bunch of time. LoginRadius will handle all the authentication-related mechanisms so that you can solely concentrate on your application development.

\n

I hope you enjoyed this tutorial and found it to be useful. You can provide feedback or suggestions in the comment section below.

\n

Cheers!!!

\n","frontmatter":{"date":"May 12, 2021","updated_date":null,"title":"Implement Authentication in React Applications using LoginRadius CLI ","tags":["Authentication","React","CLI","LoginRadius CLI"],"coverImage":{"childImageSharp":{"fluid":{"aspectRatio":1.5037593984962405,"src":"/static/ebd0bed97181739f12158e74609a96c6/14b42/cover.jpg","srcSet":"/static/ebd0bed97181739f12158e74609a96c6/f836f/cover.jpg 200w,\n/static/ebd0bed97181739f12158e74609a96c6/2244e/cover.jpg 400w,\n/static/ebd0bed97181739f12158e74609a96c6/14b42/cover.jpg 800w,\n/static/ebd0bed97181739f12158e74609a96c6/47498/cover.jpg 1200w","sizes":"(max-width: 800px) 100vw, 800px"}}},"author":{"id":"Akash Patil","github":"Akash-Patil","avatar":null}}}},{"node":{"fields":{"slug":"/engineering/implementing-authentication-in-angular-2-plus-with-loginradius-cli/"},"html":"

Hello Guys!!!, today we will be implemented the authentication in the Angular 2+ application within 5 mins using LoginRadius.

\n

Configuring LoginRadius

\n

To implement authentication in the angular app first let's start with registering in the Loginradius and creating the application using LoginRadius CLI.

\n

Why LoginRadius CLI

\n

Developer Experience plays a crucial role for us. We always think about the ways we can minimize the juggling between a quickstart tutorial, dashboard, and terminal. The LoginRadius CLI will simplify your flow by just using some simple commands to register, create an application, log in, etc., and enables you to get the job done in very little time without leaving the terminal.

\n

LoginRadius CLI Setup

\n

Mac or Linux

\n\n

Other Platforms

\n\n

After installing the CLI, you can register into the LoginRadius via the below command.

\n
$ lr register
\n

This command will open the Loginradius in the browser to register yourself and create the app.

\n

\n \n \n

\n

Once you successfully register you will be able to see the below message on the browser, you can close the tab and come back to the CLI.

\n
You are Successfully Authenticated, Kindly Close this browser window and go back to CLI.
\n

Get Your Application API Credentials

\n

Once you login/register using the CLI, You can now run the lr get config command to get your API credentials.

\n

\n \n \n

\n

Configuring Callback URLs

\n

A callback URL is a URL in your application where LoginRadius redirects the user after they have authenticated. The callback URL for your app must be added to your Application Configuration. If this field is not set, users will be unable to log in to the application and get an error.

\n

\n \n \n

\n

To get the list of whitelisted domains, you can run lr get domain command from the cmd prompt. And to add a domain in the list using lr add domain command.

\n
\n

If you are following this tutorial, you should set the http://localhost as a whitelisted domain. Check the below image for how to add the domain using LoginRadius CLI.

\n
\n

\n profile.component.ts file in the app/profile folder generated by ng CLI.

\n
import { Component, OnInit } from '@angular/core';\nimport { Router } from '@angular/router';\nimport config from '../config';\nimport { ProfileService } from '../profile.service';\nimport { Profile } from './profile';\n\n@Component({\n  selector: 'app-profile',\n  templateUrl: './profile.component.html',\n  styleUrls: ['./profile.component.scss'],\n})\nexport class ProfileComponent implements OnInit {\n  profile: Profile;\n  loginRadius: any;\n\n  constructor(private configService: ProfileService, private router: Router) {\n    const token = localStorage.getItem('token');\n  }\n\n  ngOnInit(): void {\n    this.configService.getProfile().subscribe(\n      (data: Profile) => {\n        this.profile = { ...data };\n      },\n      (err: any) => {\n        if (err.status === 403) {\n          localStorage.removeItem('token');\n          this.router.navigate(['login']);\n        }\n      }\n    );\n  }\n\n  logout() {\n    localStorage.removeItem('token');\n    window.location.href = `https://${config.APP_NAME}.hub.loginradius.com/auth.aspx?action=logout`;\n  }\n}
\n

Similary add the below code to profile.component.html file.

\n
<div class="container">\n  <h1>Hello {{ profile?.Email[0]?.Value }}</h1>\n  <button (click)="logout()">LogOut</button>\n</div>
\n

The profile component will call the LoginRadius API to fetch the profile details and store them in the profile variable. Using that profile, we are displaying the email in the HTML.\nIt also has the logout() function where we pass the action=logout in the LoginRadius Auth Page, which will help us log out the user.

\n

In the profile component, you can see the two things are used.

\n\n

You can generate the service in the angular using ng CLI by using this command ng generate service profile which will create profile.service.ts with required configuration. Add the below code in the profile.service.ts file.

\n
import { HttpClient } from '@angular/common/http';\nimport { Injectable } from '@angular/core';\nimport config from './config';\nimport { Profile } from './profile/profile';\n\n@Injectable({\n  providedIn: 'root'\n})\nexport class ProfileService {\n\n  constructor(private http: HttpClient) {}\n\n  getProfile() {\n    // now returns an Observable of Config\n    return this.http.get<Profile>(\n      `https://api.loginradius.com/identity/v2/auth/account?access_token=${localStorage.getItem(\n        'token'\n      )}&apikey=${config.API_KEY}`\n    );\n  }\n}
\n

We will use the HTTP module to call the Rest API so let's add the HttpClientModule in the app.module.ts file.

\n
import { HttpClientModule } from '@angular/common/http';\n...\n\n@NgModule({\n  imports: [\n    ...\n    HttpClientModule\n    ...\n  ],\n})\nexport class AppModule { }
\n

Now let's create a Profile model which will be used for storing the user profile.

\n\n

Add Routes for Login and profile.

\n

Lets modify the app-routing.module.ts and add the below Routes in it.

\n
import { NgModule } from '@angular/core';\nimport { RouterModule, Routes } from '@angular/router';\nimport { AppComponent } from './app.component';\nimport { LoginComponent } from './login/login.component';\nimport { ProfileComponent } from './profile/profile.component';\n\nconst routes: Routes = [\n  {\n    path: 'login',\n    component: LoginComponent\n  },\n  { path: 'profile',\n    component: ProfileComponent\n  }\n];\n\n@NgModule({\n  imports: [RouterModule.forRoot(routes)],\n  exports: [RouterModule]\n})\nexport class AppRoutingModule { }
\n

Finally, to gather all, we need to modify the app.component.ts and add the routing logic.

\n
import { Component, OnInit } from '@angular/core';\nimport { Router } from '@angular/router';\n@Component({\n  selector: 'app-root',\n  templateUrl: './app.component.html',\n  styleUrls: ['./app.component.scss'],\n})\nexport class AppComponent implements OnInit {\n  constructor(private router: Router) {}\n\n  ngOnInit() {\n    if (window.location.pathname === "/") {\n      if (localStorage.getItem('token')) {\n        this.router.navigate(['/profile']);\n      } else {\n        this.router.navigate(['/login']);\n      }\n    }\n  }\n}
\n

And add the router-outlet to the app.component.html file.

\n
<router-outlet></router-outlet>
\n
\n

You can find the full code in github

\n
\n

Testing the application

\n

Run ng serve to start the local server, and you will be able to see the output on locahost:4200.

\n

Adding Login Methods

\n

You can configure the LoginRadius Auth Page by adding social login methods like Facebook, Google, etc. To add the login method, you can use the command lr get social and lr add social command. Check the below image on how to add the social configuration.

\n

\n \n \n

\n

After adding, visit the LoginRadius Auth Page either by visiting locahost:4200 and log out. Or using the command lr demo. You will find the new login method added.

\n

\n \n \n

\n

Customizing theme for LoginRadius Auth Page

\n

LoginRadius Dashboard Support three pre-defined themes for you. You can check out the Theme Customization section in the LoginRadius Dashboard for all the customization options available.

\n

\n \n \n

\n

You can also get/set your current theme using LoginRadius CLI by using the commands like lr get theme and lr set theme.

\n

\n \n \n

\n

Contributing to LoginRadius CLI

\n

The LoginRadius CLI is opensourced in the LoginRadius Organization and you can contribute to it if you find any bugs or improvement by following the contributing guidelines. You can also checkout our open source page if you wish to contribute more in LoginRadius.

\n

Your Take

\n

With the help of LoginRadius CLI, you can setup the authentication for your Angular application in just 5 minutes. LoginRadius will take care of all the authentication-related stuff for your application so that you can focus on your application development.

\n

I hope you like this tutorial. Kindly provide feedback suggestions in the comment section below.

\n

Cheers!!!

\n","frontmatter":{"date":"April 14, 2021","updated_date":null,"title":"Implement Authentication in Angular 2+ application using LoginRadius CLI in 5 mins","tags":["Authentication","Angular","CLI","LoginRadius CLI"],"coverImage":{"childImageSharp":{"fluid":{"aspectRatio":1.5037593984962405,"src":"/static/7c2ac2ca4ca6e495e226891293c79e92/14b42/angulat_demo_auth.jpg","srcSet":"/static/7c2ac2ca4ca6e495e226891293c79e92/f836f/angulat_demo_auth.jpg 200w,\n/static/7c2ac2ca4ca6e495e226891293c79e92/2244e/angulat_demo_auth.jpg 400w,\n/static/7c2ac2ca4ca6e495e226891293c79e92/14b42/angulat_demo_auth.jpg 800w,\n/static/7c2ac2ca4ca6e495e226891293c79e92/47498/angulat_demo_auth.jpg 1200w","sizes":"(max-width: 800px) 100vw, 800px"}}},"author":{"id":"Mohammed Modi","github":"mohammed786","avatar":null}}}},{"node":{"fields":{"slug":"/engineering/three-ways-to-do-crud-operations-on-redis/"},"html":"

Introduction

\n

Redis's usage as both a temporary data store and even as a permanent data store is increasing today, as memory has started becoming much cheaper. Redis' quick memory-based CRUD operations allow database interactions to happen significantly faster than interactions with other databases that use drive-based storage. This blog is about three different methods to interact with your Redis data.

\n

This blog will require having access to a Redis instance. Guides can be found to set up a local Redis instance for Windows here and for UNIX based machines like Mac or other Linux distros, it can be found here. Alternatively, you can use a remote instance, but be aware that some of the commands in this blog may delete or modify the data.

\n

Redis Insight

\n

For users that do not like working with command-line interfaces, the first tool introduced in this blog is a GUI interface called RedisInsight. This can be found here. After filling in their download form and installing, running the application will start a server on the localhost, which you can access with a browser.

\n

After installing and running the application, you will add the connection information for your Redis instance. If running a local instance of Redis, the connection information in the image will typically suffice. If connecting to a remote instance, you might need to fill in some additional details for TLS, such as connection certificates.

\n

\n \n \n

\n

When connected to your Redis instance, the dashboard UI appears. Clicking the Browser sidebar tab will display all existing keys in your database.

\n

\n \n \n

\n

From here, CRUD operations are relatively straightforward. Key-value pair creation can be done by using the ADD KEY button. This will prompt for the type of key-value pair to be added (Hash, String, JSON, etc.) and the data that will be stored with the key.

\n

If a specific key is required to be queried, fill in the field next to the blue filter icon with search criteria, then click the icon. It will prompt the type of data stored with the key, and the results will be displayed.

\n

\n \n \n

\n

Finally, keys can be deleted by clicking the trash can icon on the right side.

\n

Redis CLI

\n

The Redis command-line interface is a more common approach for developers to interact with data from a Redis store. If you followed the steps at the beginning of the blog, the CLI should already be installed. To do a ping test to the server, type the following command in the terminal:

\n
chris@LR-ENG-17:~$ redis-cli -h localhost -p 6379 ping\nPONG
\n

And to connect, run the previous command without pinging:

\n
chris@LR-ENG-17:~$ redis-cli -h localhost -p 6379\nlocalhost:6379>
\n

The basic command to get a key-value pair is to call get with the key:

\n
localhost:6379> get key:1\n"value1"
\n

Setting a value can be done with the set command:

\n
localhost:6379> set key:1 value1new\nOK\nlocalhost:6379> get key:1\n"value1new"
\n

Creating a value can also be done in the same way:

\n
localhost:6379> get key:3\n(nil)\nlocalhost:6379> set key:3 value3new\nOK\nlocalhost:6379> get key:3\n"value3new"
\n

And deletion can be done with the del command:

\n
localhost:6379> del key:3\n(integer) 1\nlocalhost:6379> get key:3\n(nil)\nlocalhost:6379>
\n

This is only the simple basics of the Redis CLI. You can do more advanced operations through the CLI, such as the flushall command, which wipes your database. It’s a powerful tool, so be careful when experimenting with it. An extensive list of commands can be found here.

\n

With Your Chosen Programming Language

\n

With Redis’ widespread usage, almost all major industry programming languages have either community or official supported releases of libraries that can be used to interact with your database. In this section, I will be using Node.JS, and one of the support Redis libraries called node-redis.

\n

Initialization of the package in the code can be done by calling the following command after initializing Node in your directory:

\n
npm install redis
\n

When the process is finished, the redis module should be imported within your code, where you can set up the Redis connection and any options that need to be included:

\n
const redis = require("redis")\n\nconst redisOption = {\n  host: "127.0.0.1",\n  port: "6379",\n}\n\nconst client = redis.createClient()
\n

For an extensive list of options supported by the library for connection, check this link.

\n

After connecting, calling the on method on the client will allow the connection to open and run commands.

\n

The commands used by the library are a 1 to 1 mapping of the commands used by the Redis CLI, so they follow the same method calls. To update or create an entry in Redis, the most basic method is to use the set command:

\n
client.set("key:3", "value3new")
\n

Getting a value can be done with the get method:

\n
client.get("key:3")
\n

Deleting a value can be done with the del method:

\n
client.del("key:3")
\n

The methods used by the client also support callbacks. For example, if the operations should be console logged, we can include a callback to redis.print after each method:

\n
client.set("key:3", "value3new", redis.print)\nclient.get("key:3", redis.print)\nclient.del("key:3", redis.print)
\n

The output of this in the console would be:

\n
Reply: OK\nReply: value3new\nReply: 1
\n

Conclusion

\n

This blog has only touched the surface of the different operations Redis can do. There are many more resources online that can help you go further into your understanding of Redis. Whether using Redis as a temporary store, like a cache, or using it as a primary, permanent store, the operations' speed is something to be acknowledged and considered when building your next big app.

\n","frontmatter":{"date":"October 21, 2020","updated_date":null,"title":"Three Ways to do CRUD Operations On Redis","tags":["Redis","NodeJs","CLI","GUI"],"coverImage":{"childImageSharp":{"fluid":{"aspectRatio":1.5037593984962405,"src":"/static/4eda1ce5a0f541d97fdf27cd88bf2a49/ee604/index.png","srcSet":"/static/4eda1ce5a0f541d97fdf27cd88bf2a49/69585/index.png 200w,\n/static/4eda1ce5a0f541d97fdf27cd88bf2a49/497c6/index.png 400w,\n/static/4eda1ce5a0f541d97fdf27cd88bf2a49/ee604/index.png 800w,\n/static/4eda1ce5a0f541d97fdf27cd88bf2a49/f3583/index.png 1200w","sizes":"(max-width: 800px) 100vw, 800px"}}},"author":{"id":"Chris Yee","github":null,"avatar":null}}}},{"node":{"fields":{"slug":"/engineering/build-a-cli-tool-using-deno/"},"html":"

What is Deno?

\n

Deno is a JavaScript/TypeScript runtime with secure defaults and great developer experience. It's built on V8, Rust, and Tokio.\nI suggest you watch these talks by Ryan: He talks about his mistakes with Nodejs here and a more in-depth look into deno here

\n
Features
\n\n

Let's Build Something!!!

\n

In this article, we're going to build a simple cli tool to demonstrate some of the features of deno. Our cli will be interacting with a COVID API to fetch live data.

\n
\n

Requirement: make sure you have deno installed. If you don't, refer to this link. It's pretty straightforward.

\n
\n

Deno has the entry file mod.ts so we will follow the same in this article if you are following this article along with the coding you can create a folder named covid-cli, inside that folder you can create a file called mod.ts and copy the below code there.

\n
const { args } = Deno;\nimport { parse } from "https://deno.land/std/flags/mod.ts";\n\nconsole.dir(parse(args));
\n

Here the parse(args, options = {}); contains two parameters where args is an Array and options is an object, let try to run the above code using this cmd.

\n
deno run mod.ts arg1 -f hello --flag World --booleanFlag
\n

After running the above code you will see the output as

\n
{ _: [ "arg1" ], f: "hello", flag: "World", booleanFlag: true }
\n
\n

The first property in the object is always an array containing all arguments that did not have an option associated with them(i.e it doesn't match -f or --flag). If you do not pass a corresponding value to a flag, it defaults to true.

\n
\n

I will be using the this postman doc for all the COVID related API and we will perform the below to action through our CLI.

\n
    \n
  1. A summary of new and total cases globally updated daily.
    2. \n
  2. A summary of new and total cases per country updated daily.
    3. \n
\n

Let's write out the function for our first command, so our mod.ts file will look like this.

\n
const { args } = Deno;\nimport { parse } from "https://deno.land/std/flags/mod.ts";\n\n// flags:\n// -h, --help: display help message\n// -g, --global: display global stats\n// -c, --country: get data of mentioned country\n\nconst BASE_URL: string = "https://api.covid19api.com/"\nconst parsedArgs = parse(args)\n\nasync function getGlobalStats() {\n    const res = await fetch(`${BASE_URL}summary`)\n    const data = await res.json();\n    console.log(data["Global"])\n}
\n

Here, we have an async function that returns the data from our API call. We're making a fetch request (yes, deno has browser functionality in-built) to the API endpoint to get the global stat of covid19.

\n

The function for the second command looks very similar, just we need to filter our data only for a particular country which is provided.

\n
async function getCountryStats(country: string) {\n  if (country) {\n    const res = await fetch(`${BASE_URL}summary`);\n    const data = await res.json();\n    const index = data["Countries"].findIndex((c: any) => c.Country.toLowerCase() === country.toLowerCase())\n    if (index !== -1) {\n        console.log(data["Countries"][index])\n    } else {\n        console.log("Country Not Found")\n    }\n  } else {\n    console.log("Country Name is needed")\n  }\n}
\n

We will now write our main() function. We have a switch statement to check the first flag that was passed and calls the appropriate function. The default case simply displays a welcome message. Let add the below code in our mod.ts file

\n
async function main() {\n  switch (Object.keys(parsedArgs)[1]) {\n    case "help":\n    case "h":\n      console.log(displayHelpMsg());\n      break;\n    case "global":\n    case "g":\n      await getGlobalStats();\n      break;\n    case "country":\n    case "c":\n       let country = parsedArgs.c || parsedArgs.country || ""\n       await getCountryStats(country)\n       break;\n    default:\n       console.log(displayHelpMsg());\n  }\n}\n\nmain()
\n

And our displayHelpMsg() will look something like this

\n
function displayHelpMsg() {\n  return "flags:\\n-h, --help: display help message\\n-g, --global: display global stats\\n-c, --country: get data of mentioned country ";\n}
\n

Testing Time!!!

\n

To test our program, we're going to run $ deno run --allow-net mod.ts -g. We should get the following result:

\n\n

\n \n \n

\n\n

\n here. In conclusion, Deno is a very exciting project especially because you get all the benefits of typescript out of the box without the need to compile your files to js.

\n

You can build a lot with it, ranging from cli Programs to HTTP servers. Do have a look at one of my blog where I have built a basic calculator app using the abc module.

\n","frontmatter":{"date":"June 08, 2020","updated_date":null,"title":"Build A Simple CLI Tool using Deno","tags":["Deno","CLI","Programming"],"coverImage":{"childImageSharp":{"fluid":{"aspectRatio":1.7857142857142858,"src":"/static/313a3b2de31b5d15db618e72b377a867/ee604/cli-tool.png","srcSet":"/static/313a3b2de31b5d15db618e72b377a867/69585/cli-tool.png 200w,\n/static/313a3b2de31b5d15db618e72b377a867/497c6/cli-tool.png 400w,\n/static/313a3b2de31b5d15db618e72b377a867/ee604/cli-tool.png 800w,\n/static/313a3b2de31b5d15db618e72b377a867/5493e/cli-tool.png 860w","sizes":"(max-width: 800px) 100vw, 800px"}}},"author":{"id":"Mohammed Modi","github":"mohammed786","avatar":null}}}}]}},"pageContext":{"tag":"CLI"}},"staticQueryHashes":["1171199041","1384082988","2100481360","23180105","528864852"]}