{"componentChunkName":"component---src-templates-blog-list-template-js","path":"/103","result":{"data":{"allMarkdownRemark":{"edges":[{"node":{"excerpt":"An infrastructure layer that allows you to manage communication between the microservices of your application is a service mesh. As more…","fields":{"slug":"/engineering/istio-installation-and-service-configuration/"},"html":"

An infrastructure layer that allows you to manage communication between the microservices of your application is a service mesh. As more developers work with microservices, by consolidating common management and administrative tasks in a distributed setup, service meshes have developed to make the job easier and more effective.

\n

To know more about Istio, you can read this article on Istio service mesh to understand the basic terminology, In this tutorial, will explain how to install and configure Istio. Let's get started.

\n

Installing Istio

\n

Get the latest Istio release:

\n
curl -L https://istio.io/downloadIstio | sh -
\n

Extract the archive and export the bin directory in the environment path.

\n

This will also install istioctl, a command-line tool to manage Istio service mesh.

\n

Configuration Profiles

\n

Istio provides various built-in configuration profiles, a set of pre-defined configs related to data and control plane. We can customize the configs according to our needs.

\n

For testing locally or trying it ou, you can use a demo profile. For dev and other environments, we will be using the default configuration profile.

\n
istioctl install --set profile=demo
\n

Customizing configs

\n

Run:

\n
istioctl profile dump default
\n

to see the various configurations. We can change those flag using istioctl commands and --set flag.

\n

For development purpose, we can enabled/changes following flags:

\n
istioctl install --set addonComponents.kiali.enabled=true \\ \n--set components.telemetry.enabled=true \\ \n--set components.citadel.enabled=true \\ \n--set values.global.proxy.privileged=true \\ \n--set addonComponents.tracing.enabled=true \\ \n--set values.pilot.traceSampling=100.0 \\ \n--set values.global.proxy.tracer=datadog
\n

The path value of --set flag is the YAML path, which you can see in the profile dump command.

\n
\n

While changing any config, make sure to pass all the previous flags with the new ones. For example, if first time, you enabled istioctl install --set addonComponents.kiali.enabled=true and now let’s say, you want to enable citadel, then you have to pass both flags like this: istioctl install --set addonComponents.kiali.enabled=true --set components.telemetry.enabled=true.\nFailing to add any previously enabled variable will revert the config to its default values.\nOne way to store the dump in a file and do istioctl apply or use helm charts for Istio.

\n
\n

Sidecar injection

\n

For Istio to work properly, a sidecar Envoy proxy needs to be enabled for the services. By default, the Istio control plane will not enable any sidecar to any services. To enable sidecar, we have to add labels at the namespace level.

\n
kubectl label namespace dsl-test istio-injection=enabled
\n

You need to have this label even if you do not want to add a sidecar to all your services.

\n

You need to restart the pods.

\n

For services, which do not require sidecar, we need to add the following annotation in the deployment template:

\n
# Pod Annotations \npodAnnotations: \n\tsidecar.istio.io/inject: "false"
\n

Configuring Services

\n

For demonstration, we will take two demo services demo-1 and demo-2, and configure both services with Istio, and will try to call demo-2 service from demo-1. Make sure there is an env variable in demo-1, which we will configure with demo-2 internal DNS url. The programming language for the two services does not matter here.

\n

A service configuration requires a VirtualService, DestinationRule, PeerAuthentication, and optionally a Gateway configuration.

\n

Gateway

\n
apiVersion: networking.istio.io/v1alpha3 \nkind: Gateway \nmetadata: \n\tname: demo-1\nspec: \n\tselector: \n\t\tistio: ingressgateway \n\tservers: \n\t- port: \n\t\tnumber: 80 \n\t\tname: http \n\t\tprotocol: HTTP \n\t- hosts: \n\t\t- "demo-1.example.com"
\n

Gateway is used when we want to access the services from the public network.

\n

Here we are using the default gateway provided by the Istio. We can also create multiple gateways and assign the proper name here.

\n

The above gateway configuration enables both HTTP and HTTPS communication. In the case of HTTPS, we have to supply the secret containing the CA certs and key.

\n
spec:\n\tservers: \n\t- port: \n\t\tnumber: 443\n\t\tname: http \n\t\tprotocol: HTTP\n\t  tls: \n\t\tmode: SIMPLE \n\t\tcredentialName: div4-dev-certs\n\t  hosts: \n\t\t- "demo-1.example.com"
\n

We can apply the same gateway for demo-2. We just have to update the hosts and metadata name. Since we will demo-2 internally from demo-1, there is no need for an external gateway for demo-2 here.

\n

VirtualServices

\n
---\napiVersion: networking.istio.io/v1alpha3\nkind: VirtualService\nmetadata:\n  name: demo-1\nspec:\n  hosts:\n  - "demo-1.test.svc.cluster.local"\n  - "demo-1.example.com"\n  gateways:\n    - demo-1\n  http:\n  - route:\n    - destination:\n        host: demo-1.test.svc.cluster.local\n        port:\n          number: 80
\n

spec.hosts: Specifies the URL which the caller of the service will use. Here, dsl-es.pbdp.svc.cluster.local will be used by the services calling internally. The endpoint demo-1.example.com will be exposed publicly, and it should match the spec.servers.hosts value in Gateway config.

\n

spec.gateways: In order for the gateways configured above to reach the service, we need to define the gateway metadata name here.

\n

http.route.destination.host: This value should be the actual service FQDN.

\n

DestinationRule

\n

After the virtualservice decides the destination hosts, DestinationRule defines the configuration on the actual service. DestinationRule is optional and is needed only in case we want to override the default behavior.

\n
---\napiVersion: networking.istio.io/v1alpha3\nkind: DestinationRule\nmetadata:\n  name: demo-1\nspec:\n  host: "demo-1.test.svc.cluster.local"\n  trafficPolicy:\n    loadBalancer:\n      simple: ROUND_ROBIN\n    tls:\n      mode: ISTIO_MUTUAL
\n

spec.host: specifies service FQDN

\n

spec.trafficPolicy: Specifies policy on the traffic. Here we can specify load balancing algorithms, TLS mode, circuit breaking policies.

\n

spec.trafficPolicy.tls.mode: ISTIO_MUTUAL mode is a TLS mode where we will use the certificates generated by the Istio.

\n

A configuration like circuit breakers, outlier detection comes under the Destination Rule.

\n

PeerAuthentication

\n

This configuration defines how the other services will connect.

\n
---\napiVersion: security.istio.io/v1beta1\nkind: PeerAuthentication\nmetadata:\n  name: demo-1\nspec:\n  selector:\n    matchLabels:\n      app: demo-1\n  mtls:\n    mode: STRICT
\n

spec.selector.matchLabels.app: Specify the deployment label on which this configuration will be applied.

\n

spec.mtls.mode: TLS mode. STRICT being the connection will always be mutual tls.

\n

PeerAuthentication can be applied to a whole namespace. This is useful when all the services in the namespace are part of the mesh.

\n
\n

Apply the same configuration for virutalservice, destination, and peerauthentication by replacing demo-1 with demo-2 assuming both services are in the same namespace.

\n
\n
kubectl apply -f <file>.yaml -n test
\n

Access the objects:

\n
kubectl get virtualservices -n pbdp\nkubectl get gateways -n pbdp\nkubectl get destinationrule -n pbdp\nkubectl get peerauthentication -n pbdp
\n

Now update the env for demo-2 with demo-2.test.svc.cluster.local in demo-1 service.

\n","frontmatter":{"date":"January 22, 2021","updated_date":null,"description":"This article will provide a step by step process on how to install and configure services using Istio.","title":"How to Install and Configure Istio","tags":["Istio","Service Mesh"],"pinned":null,"coverImage":{"childImageSharp":{"fluid":{"aspectRatio":1.5037593984962405,"src":"/static/452f4d9f7cb358e3d6224ed3aba3d5d6/ee604/Istio.png","srcSet":"/static/452f4d9f7cb358e3d6224ed3aba3d5d6/69585/Istio.png 200w,\n/static/452f4d9f7cb358e3d6224ed3aba3d5d6/497c6/Istio.png 400w,\n/static/452f4d9f7cb358e3d6224ed3aba3d5d6/ee604/Istio.png 800w,\n/static/452f4d9f7cb358e3d6224ed3aba3d5d6/db955/Istio.png 900w","sizes":"(max-width: 800px) 100vw, 800px"}}},"author":{"id":"Piyush Kumar","github":"kpiyush17","avatar":null}}}},{"node":{"excerpt":"The present-day internet is a hotbed of spammers and hackers, and you need to secure your email address. Hackers often scan websites and web…","fields":{"slug":"/identity/secure-email-address-website/"},"html":"

The present-day internet is a hotbed of spammers and hackers, and you need to secure your email address. Hackers often scan websites and web pages to extract genuine email addresses and exploit them to attack users with spam messages.

\n

This should really concern you because many of these spam emails carry potential malware. When you open your mail or click on a link that contains it, the malware gets naturally downloaded to your system.

\n

For example, let's assume you have entered your email address on a website's contact page, then there's a big chance the email harvesting bots have found it. Thereafter, they start flooding your mail-box with spam emails.

\n

Luckily, there are a few ways to hide your email address from such spammers and hackers who constantly mine for the same. One way is through email harvesting.

\n

Let's talk about what it is and then explore the various ways to secure your email address.

\n

What is Email Harvesting

\n

Email harvesting is the process of collecting lists of email addresses via different methods. Generally, it is used for bulk emails or spam. Hackers use \"harvesting bots,\" which crawl multiple sites, chat rooms, web forms, etc., in a few seconds to extract a list of email addresses.

\n

Other techniques include:

\n\n

These methods allow spammers to gather email addresses and use them to send unsolicited bulk messages to the recipient's inbox.

\n

6 Tips to Secure Your Email Address on a Website

\n

1. Hide your email address while logging in.

\n

One of the major mistakes committed by beginners is that they display their email address. If you are tensed and stressed about online hackers and threats, there is one solution you can always opt for.

\n

You can always avoid listing your email address on various vague websites. Instead, you can use contact information through which genuine users can contact you.

\n

2. Obfuscate your email address.

\n

Add an obfuscate plugin puzzle to your email address so hackers cannot identify it. With the help of such plugins, you can replace your email address with codes. These plugins secure your email address from hackers and do not affect the user's usability.

\n

3. Use a password manager.

\n

Use a reliable password manager to change and replace all your passwords with solid, unique ones. We cannot sufficiently stress the importance of using strong passwords to secure your email address.

\n

Hackers use credential stuffing where they literally jam previously stolen usernames and passwords to break into accounts on various services.

\n

This is possible because a huge proportion of online users still use the same username and passwords across multiple accounts.

\n

\n \n \n

\n

4. Use two-factor authentication or MFA, wherever possible.

\n

When you set up your account passwords, look out for two-factor authentication (2FA)/ MFA as well. They are additional security layers that you can apply to prevent resets of unauthorized passwords significantly.

\n

Whenever a hacker attempts to break into your email, you are notified and control the authority to accept or reject such attempts.

\n

5. Replace your email address.

\n

If you are not satisfied with any of the above solutions to secure your email address, you can always replace it with \"\". This would take the user directly to your contact page when they click on the email. This not only prevents tons of spam but also protects you from hackers.

\n

6. Prevent email harvesting.

\n

The following techniques can be used to prevent email harvesting:

\n\n

Conclusion

\n

Harvesting bots are here to stay; thus, you must take appropriate measures to secure your email address. You can implement the above methods so that you don't become a victim of spammers and hackers in the long run.

\n

Although it may take a while to get the hang of them, the results are worth spending time on.

\n

\n \n \n

\n","frontmatter":{"date":"January 22, 2021","updated_date":null,"description":"Harvesting bots are here to stay. Luckily, there are a few ways to hide your email address from spammers and hackers who constantly mine for the same. One way is through email harvesting. Let's talk about what it is and then explore the various ways to secure your email address.","title":"How to secure an email address on your website","tags":["all, Security"],"pinned":null,"coverImage":{"childImageSharp":{"fluid":{"aspectRatio":1.7857142857142858,"src":"/static/b6b491c10267c056d5f47298092a1c5b/14b42/secure-email-address-website.jpg","srcSet":"/static/b6b491c10267c056d5f47298092a1c5b/f836f/secure-email-address-website.jpg 200w,\n/static/b6b491c10267c056d5f47298092a1c5b/2244e/secure-email-address-website.jpg 400w,\n/static/b6b491c10267c056d5f47298092a1c5b/14b42/secure-email-address-website.jpg 800w,\n/static/b6b491c10267c056d5f47298092a1c5b/47498/secure-email-address-website.jpg 1200w,\n/static/b6b491c10267c056d5f47298092a1c5b/ec6c5/secure-email-address-website.jpg 1280w","sizes":"(max-width: 800px) 100vw, 800px"}}},"author":{"id":"Rakesh Soni","github":"oyesoni","avatar":"rakesh-soni.jpg"}}}},{"node":{"excerpt":"In this article, we will address how to perform basic query operations in MongoDB. We are producing data at an unparalleled pace now…","fields":{"slug":"/engineering/basic-query-operations-in-mongodb/"},"html":"

In this article, we will address how to perform basic query operations in MongoDB. We are producing data at an unparalleled pace now following the global spread of the internet. Since it will require us to collect/request the required data from the database to conduct some kind of analysis, it is of utmost importance that we choose the right tool to query the data.

\n

This is where MongoDB comes in, specifically. MongoDB is an unstructured database which, in the form of documents, stores data. In addition, MongoDB is very effective in handling enormous amounts of data and is the most commonly used NoSQL database as it provides rich query language and versatile and easy data access.

\n

Create a Sample Database

\n

Before the start, we will create a sample DB with some sample data to perform all operations.

\n

We will create a database with name myDB and will create a collection with name orders. For this, the statement would be as follows.

\n
> use myDB\n> db.createCollection("orders")\n>
\n

MongoDB doesn't use the rows and columns. It stores the data in a document format. A collection is a group of documents.

\n

You can check all collections in a database by using the following statement.

\n
> use myDB\n>show collections\norders\nsystem.indexes\n>
\n

Let's insert some documents by using the following statement.

\n
> db.orders.insert([\n\t{\n\t\tCustomer: "abc",\n\t\tAddress:{"City":"Jaipur","Country":"India"},\n\t\tPaymentMode":"Card",\n\t\tEmail:"abc@mail.in",\n\t\tOrderTotal: 1000.00,\n\t\tOrderItems:[\n\t\t\t{"ItemName":"notebook","Price":"150.00","Qty":10},\n\t\t\t{"ItemName":"paper","Price":"10.00","Qty":5},\n\t\t\t{"ItemName":"journal","Price":"200.00","Qty":2},\n\t\t\t{"ItemName":"postcard","Price":"10.00","Qty":500}\n\t\t]\t\t\n\t},\n\t{\n\t\tCustomer: "xyz",\n\t\tAddress:{"City":"Delhi","Country":"India"},\n\t\tPaymentMode":"Cash",\n\t\tOrderTotal: 800.00,\n\t\tOrderItems:[\n\t\t\t{"ItemName":"notebook","Price":"150.00","Qty":5},\n\t\t\t{"ItemName":"paper","Price":"10.00","Qty":5},\n\t\t\t{"ItemName":"postcard","Price":"10.00","Qty":500}\n\t\t]\t\t\n\t},\n\t{\n\t\tCustomer: "ron",\n\t\tAddress:{"City":"New York","Country":"USA"},\n\t\tPaymentMode":"Card",\n\t\tEmail:"ron@mail.com",\n\t\tOrderTotal: 800.00,\n\t\tOrderItems:[\n\t\t\t{"ItemName":"notebook","Price":"150.00","Qty":5},\n\t\t\t{"ItemName":"postcard","Price":"10.00","Qty":00}\n\t\t]\t\t\n\t}\n])
\n

A document is the equivalent of an RDBMS row. It doesn't need to have the same schema in each document. It means a document might not have any field that doesn't have any value.

\n

Query Documents

\n

find() method

\n

You need to use the find() method to query documents from MongoDB collections. The following statement will retrieve all documents from the collection.

\n
> db.orders.find()\n\t{\n\t\t"_id" : ObjectId("5dd4e2cc0821d3b44607534c")\n\t\tCustomer: "abc",\n\t\tAddress:{"City":"Jaipur","Country":"India"},\n\t\tPaymentMode":"Card",\n\t\tEmail:"abc@mail.com",\n\t\tOrderTotal: 1000.00,\n\t\tOrderItems:[\n\t\t\t{"ItemName":"notebook","Price":"150.00","Qty":10},\n\t\t\t{"ItemName":"paper","Price":"10.00","Qty":5},\n\t\t\t{"ItemName":"journal","Price":"200.00","Qty":2},\n\t\t\t{"ItemName":"postcard","Price":"10.00","Qty":500}\n\t\t]\t\t\n\t},\n\t{\n\t\t"_id" : ObjectId("5dd4e2cc0821d3b44607544c"),\n\t\tCustomer: "xyz",\n\t\tAddress:{"City":"Delhi","Country":"India"},\n\t\tPaymentMode":"Cash",\n\t\tOrderTotal: 800.00,\n\t\tOrderItems:[\n\t\t\t{"ItemName":"notebook","Price":"150.00","Qty":5},\n\t\t\t{"ItemName":"paper","Price":"10.00","Qty":5},\n\t\t\t{"ItemName":"postcard","Price":"10.00","Qty":500}\n\t\t]\n\t},\n\t{\n\t\t"_id" : ObjectId("5dd4e2cc0821d3b44607644c"),\n\t\tCustomer: "ron",\n\t\tAddress:{"City":"New York","Country":"USA"},\n\t\tPaymentMode":"Card",\n\t\tEmail:"ron@mail.com",\n\t\tOrderTotal: 600.00,\n\t\tOrderItems:[\n\t\t\t{"ItemName":"notebook","Price":"150.00","Qty":5},\n\t\t\t{"ItemName":"postcard","Price":"10.00","Qty":00}\n\t\t]\n\t}\n>
\n

Projection

\n

If you want to fetch only selected fields then you can use the projection. Following statement will fetch only Customer and Email field.

\n
> db.orders.find( { }, { Customer: 1, Email: 1 })\n\t{\n\t\t"_id" : ObjectId("5dd4e2cc0821d3b44607534c")\n\t\tCustomer: "abc",\n\t\tEmail:"abc@mail.com"\n\t},\n\t{\n\t\t"_id" : ObjectId("5dd4e2cc0821d3b44607544c"),\n\t\tCustomer: "xyz"\t\t\n\t},\n\t{\n\t\t"_id" : ObjectId("5dd4e2cc0821d3b44607644c"),\n\t\tCustomer: "ron",\n\t\tEmail:"ron@mail.com"\t\t\n\t}\n>
\n

Filter the Documents by Specifying a Condition

\n

Now we will learn how we can fetch the documents that match a specified condition. MongoDB provides many comparison operators for this.

\n

1. $eq Operator

\n

The $eq operator checks the equality of the field value with the specified value. To fetch the order where PaymentMode is 'Card' you can use the following statement

\n
>db.orders.find( { PaymentMode: { $eq: "Card" } } )
\n

This query can be written also like below

\n
>db.orders.find( { PaymentMode: "Card" } )
\n

A similar SQL statement would be as follows

\n
SELECT * FROM orders WHERE PaymentMode="Card"
\n

Example

\n
>db.orders.find( { PaymentMode: "Card" }, { Customer: 1, PaymentMode: 1 } )\n\t{\n\t\t"_id" : ObjectId("5dd4e2cc0821d3b44607534c")\n\t\tCustomer: "abc",\n\t\tPaymentMode":"Card"\t\t\t\t\n\t},\n\t{\n\t\t"_id" : ObjectId("5dd4e2cc0821d3b44607644c"),\n\t\tCustomer: "ron",\n\t\tPaymentMode":"Card"\n\t}\n>
\n

$eq Operator with embedded document

\n

You may have noticed that we inserted an embedded document Address in the Orders collection. If you want to fetch the order where Country is 'India' you can use a dot notation like the following statement.

\n
>db.Orders.find( { "Address.Country": { $eq: "India" } } )
\n

This query can be written also like below

\n
>db.Orders.find( { "Address.Country":"India" } )
\n

Example

\n
>db.Orders.find( { "Address.Country": { $eq: "India" } } , { Customer: 1, Address: 1 })\n\t{\n\t\t"_id" : ObjectId("5dd4e2cc0821d3b44607534c")\n\t\tCustomer: "abc",\n\t\tAddress:{"City":"Jaipur","Country":"India"}\n\t},\n\t{\n\t\t"_id" : ObjectId("5dd4e2cc0821d3b44607544c"),\n\t\tCustomer: "xyz",\n\t\tAddress:{"City":"Delhi","Country":"India"}\n\t}\n>
\n

$eq Operator with array

\n

$eq operator will retrieve all the documents if the specified condition is true for any item in an array. We have an OrderItems array in the document. If you want to filter the documents where 'paper' were also ordered then the statement would be as follows.

\n
>db.Orders.find( { "OrderItems.ItemName": { $eq: "paper" } } )
\n

This query can be written also like below

\n
>db.Orders.find( { "OrderItems.ItemName": "paper"  } )
\n

Example

\n
>db.Orders.find( { "OrderItems.ItemName": { $eq: "paper" } } , { Customer: 1, OrderItems: 1 })\n\t{\n\t\t"_id" : ObjectId("5dd4e2cc0821d3b44607534c")\n\t\tCustomer: "abc",\n\t\tOrderItems:[\n\t\t\t{"ItemName":"notebook","Price":"150.00","Qty":10},\n\t\t\t{"ItemName":"paper","Price":"10.00","Qty":5},\n\t\t\t{"ItemName":"journal","Price":"200.00","Qty":2},\n\t\t\t{"ItemName":"postcard","Price":"10.00","Qty":500}\n\t\t]\t\t\n\t},\n\t{\n\t\t"_id" : ObjectId("5dd4e2cc0821d3b44607544c"),\n\t\tCustomer: "xyz",\n\t\tOrderItems:[\n\t\t\t{"ItemName":"notebook","Price":"150.00","Qty":5},\n\t\t\t{"ItemName":"paper","Price":"10.00","Qty":5},\n\t\t\t{"ItemName":"postcard","Price":"10.00","Qty":500}\n\t\t]\n\t}\n>
\n

2. $gt Operator

\n

You can use the $gt operator to retrieve the documents where a field’s value is greater than the specified value. The following statement will fetch the documents where OrderTotal is greater than 800.

\n
>db.orders.find( { OrderTotal: { $gt: 800.00 } } )
\n

A similar SQL statement would be as follows

\n
SELECT * FROM orders WHERE OrderTotal>800.00
\n

Example

\n
>db.Orders.find( { "OrderTotal": { $gt: 800.00 } } , { Customer: 1, OrderTotal: 1 })\n\t{\n\t\t"_id" : ObjectId("5dd4e2cc0821d3b44607534c")\n\t\tCustomer: "abc",\n\t\tOrderTotal: 1000.00\n\t}\n>
\n

3. $gte Operator

\n

You can use the $gte operator to retrieve the documents where a field’s value is greater than or equal to the specified value. The following statement will fetch the documents where OrderTotal is greater than or equal to 800.

\n
>db.orders.find( { OrderTotal: { $gte: 800.00 } } )
\n

A similar SQL statement would be as follows

\n
SELECT * FROM orders WHERE OrderTotal>=800.00
\n

Example

\n
>db.Orders.find( { "OrderTotal": { $gte: 800.00 } } , { Customer: 1, OrderTotal: 1 })\n\t{\n\t\t"_id" : ObjectId("5dd4e2cc0821d3b44607534c")\n\t\tCustomer: "abc",\n\t\tOrderTotal: 1000.00\n\t},\n\t{\n\t\t"_id" : ObjectId("5dd4e2cc0821d3b44607544c"),\n\t\tCustomer: "xyz",\n\t\tOrderTotal: 800.00\n\t}\n>
\n

4. $lt Operator

\n

You can use the $lt operator to retrieve the documents where a field’s value is less than the specified value. The following statement will fetch the documents where OrderTotal is less than 800.

\n
>db.orders.find( { OrderTotal: { $lt: 800.00 } } )
\n

A similar SQL statement would be as follows

\n
SELECT * FROM orders WHERE OrderTotal<800.00
\n

Example

\n
>db.Orders.find( { "OrderTotal": { $lt: 800.00 } } , { Customer: 1, OrderTotal: 1 })\n\t{\n\t\t"_id" : ObjectId("5dd4e2cc0821d3b44607644c"),\n\t\tCustomer: "ron",\n\t\tOrderTotal: 600.00\n\t}\n>
\n

4. $lte Operator

\n

You can use the $lte operator to retrieve the documents where a field’s value is less than or equal to the specified value. Following statement will fetch the documents where OrderTotal is less than or equal to 800.

\n
>db.orders.find( { OrderTotal: { $lte: 800.00 } } )
\n

A similar SQL statement would be as follows

\n
SELECT * FROM orders WHERE OrderTotal<=800.00
\n

Example

\n
>db.Orders.find( { "OrderTotal": { $lte: 800.00 } } , { Customer: 1, OrderTotal: 1 })\n\t{\n\t\t"_id" : ObjectId("5dd4e2cc0821d3b44607544c"),\n\t\tCustomer: "xyz",\n\t\tOrderTotal: 800.00\n\t},\n\t{\n\t\t"_id" : ObjectId("5dd4e2cc0821d3b44607644c"),\n\t\tCustomer: "ron",\n\t\tOrderTotal: 600.00\n\t}\n>
\n

5. $ne Operator

\n

You can use the $ne operator to retrieve the documents where a field’s value is not equal to the specified value.

\n
>db.orders.find( { PaymentMode: { $ne: "Card" } } )
\n

A similar SQL statement would be as follows

\n
SELECT * FROM orders WHERE PaymentMode != "Card"
\n

Example

\n
>db.Orders.find( { "PaymentMode": { $ne: "Card" } } , { Customer: 1, PaymentMode: 1 })\n\t{\n\t\t"_id" : ObjectId("5dd4e2cc0821d3b44607544c"),\n\t\tCustomer: "xyz",\n\t\tPaymentMode":"Cash"\n\t}\n>
\n

6. $in Operator

\n

You can use the $in operator to retrieve the documents where a field’s value is equal to any value in the specified array.

\n
>db.orders.find( { OrderItems.ItemName: { $in: ["journal","paper"] } } )
\n

Example

\n
>db.Orders.find( { OrderItems.ItemName: { $in: ["journal","paper"] } } , { Customer: 1, OrderItems: 1 })\n\t{\n\t\t"_id" : ObjectId("5dd4e2cc0821d3b44607534c")\n\t\tCustomer: "abc",\n\t\tOrderItems:[\n\t\t\t{"ItemName":"notebook","Price":"150.00","Qty":10},\n\t\t\t{"ItemName":"paper","Price":"10.00","Qty":5},\n\t\t\t{"ItemName":"journal","Price":"200.00","Qty":2},\n\t\t\t{"ItemName":"postcard","Price":"10.00","Qty":500}\n\t\t]\t\t\n\t},\n\t{\n\t\t"_id" : ObjectId("5dd4e2cc0821d3b44607544c"),\n\t\tCustomer: "xyz",\n\t\tOrderItems:[\n\t\t\t{"ItemName":"notebook","Price":"150.00","Qty":5},\n\t\t\t{"ItemName":"paper","Price":"10.00","Qty":5},\n\t\t\t{"ItemName":"postcard","Price":"10.00","Qty":500}\n\t\t]\n\t}\n>
\n

7. $nin Operator

\n

You can use the $nin operator to retrieve the documents where a field’s value is not equal to any value in the specified array. It will also select the documents where the field does not exist.

\n
>db.orders.find( { OrderItems.ItemName: { $nin: ["journal","paper"] } } )
\n

Example

\n
>db.Orders.find( { OrderItems.ItemName: { $nin: ["journal","paper"] } } , { Customer: 1, OrderItems: 1 })\n\t{\n\t\t"_id" : ObjectId("5dd4e2cc0821d3b44607644c"),\n\t\tCustomer: "ron",\n\t\tOrderItems:[\n\t\t\t{"ItemName":"notebook","Price":"150.00","Qty":5},\n\t\t\t{"ItemName":"postcard","Price":"10.00","Qty":00}\n\t\t]\n\t}\n>
\n

Indexing

\n

We know that indexing is very important if we are performing the queries on a large database. Without indexing execution of a query can be expensive. We can add a simple ascending index on a single field by using the following statement.

\n
>db.Orders.createIndex({"Customer":1})
\n

MongoDB creates a unique index on ‘_id’ field by default. A unique index will prevent insertion of two documents with the same value for that field. If you want to create a unique index then the statement would be as follows.

\n
db.Orders.createIndex( { "OrderId": 1 }, { unique: true } )
\n

Conclusion

\n

I hope you learned something new today, If you want to learn few more stuff on MongoDB, here is an interesting article on Self-Hosted MongoDB I also invite you to try stuff on your own and share your experience in the comment section. Furthermore, if you face any problems with any of the above definitions, please feel free to ask me in the comments below.

\n","frontmatter":{"date":"January 20, 2021","updated_date":null,"description":null,"title":"How to Perform Basic Query Operations in MongoDB","tags":["MongoDB"],"pinned":null,"coverImage":{"childImageSharp":{"fluid":{"aspectRatio":1.5037593984962405,"src":"/static/4baf4f017625700154de23531c7ef2a8/ee604/coverImage.png","srcSet":"/static/4baf4f017625700154de23531c7ef2a8/69585/coverImage.png 200w,\n/static/4baf4f017625700154de23531c7ef2a8/497c6/coverImage.png 400w,\n/static/4baf4f017625700154de23531c7ef2a8/ee604/coverImage.png 800w,\n/static/4baf4f017625700154de23531c7ef2a8/f3583/coverImage.png 1200w,\n/static/4baf4f017625700154de23531c7ef2a8/5707d/coverImage.png 1600w,\n/static/4baf4f017625700154de23531c7ef2a8/eeb1b/coverImage.png 1920w","sizes":"(max-width: 800px) 100vw, 800px"}}},"author":{"id":"Anil Gupta","github":"anilswm","avatar":null}}}},{"node":{"excerpt":"For your clients, a positive onboarding experience confirms that they have made the right choice. It often, finally, allows you to keep them…","fields":{"slug":"/growth/user-onboarding-tools/"},"html":"

For your clients, a positive onboarding experience confirms that they have made the right choice. It often, finally, allows you to keep them.

\n

The good thing is that your clients already love you, and they already trust your stuff, which is why they purchased it. Keeping it that way is your job.

\n

By ensuring that their experience with your product is as good as your sales process, you can do this and fulfill the promises made in your marketing activities. Basically, from the first interaction point through the post-purchase stage, you want to create a smooth customer experience.

\n

Thankfully, there are several tools to help you make the offer more convenient for consumers. Here are some of my favorite onboarding tools, ranging from email to demos, that span a range of uses:

\n

You can find the top 27 user onboarding tools for your SaaS enterprise in this list.

\n

User Onboarding Tools:

\n

Tool #1: AppCues

\n

Tool #2: DIY with JavaScript

\n

Tool #3: LoginRadius Single sign-on

\n

Tool #4: Intercom

\n

Tool #5: Mailjet

\n

Tool #6: Drip

\n

Tool #7: Customer.io

\n

Tool #8: Optimizely

\n

Tool #9: Omniconvert

\n

Tool #10: Google Optimize

\n

Tool #11: VWO

\n

Tool #12: Amplitude

\n

Tool #13: Mixpanel

\n

Tool #14: Feedier

\n

Tool #15: Qualaroo

\n

Tool #16: Wootric

\n

Tool #17: Typeform

\n

Tool #18: Hotjar

\n

Tool #19: FullStory

\n

Tool #20: Freshdesk

\n

Tool #21: Olark

\n

Tool #22: Helpscout

\n

Tool #23: LiveChat

\n

Tool #24: Zendesk

\n

Tool #25: Loom

\n

Tool #26: Inline Manual

\n

Tool #27: Helpshelf

\n

User onboarding tools for in-app experiences

\n

1. AppCues

\n

\n \n \n

\n

Without writing a single line of code, create customized user onboarding flows, and increase adoption and retention rates with appcues. Within one dashboard, you can design, publish, and manage your onboarding experience, enabling your users to delve deeper into your platform. Patterns and templates are available, including easy tooltips, full-screen takeovers, slide outs, and in-app alerts.

\n

2. DIY with JavaScript

\n

\n \n \n

\n

Onboarding helps to familiarise new users with an interface. There are several different styles of this, and there is no perfect way of doing it. But you can pick up ideas for your work if you study how onboarding sites and apps do.

\n

There is a wide range of tooltip plugins available to assist you in doing that if you have the time, development tools, and the ability to roll up your sleeves and code your user aboard.

\n

Hopscotch is a flexible platform that makes it simple for developers to add product tours to their websites, offering a PI to monitor the tour display's rendering and enabling you to track the time's progress. It includes callbacks for meetings, multi-page tours, support for several languages, and lightweight callouts.

\n

**Intro.js **- Intro.js, a JavaScript tutorial, helps you harness this idea by adding a progress bar into your onboarding flow and allowing users to cross the finish line.

\n

Just include the CSS and JS files on your page to get started, and you can start doing your tour. Target, placement, title, and content are the basic setup options.

\n

3. Seamless Sign-in Experience With Single Sign-On

\n

\n \n \n

\n

Single sign-on (SSO) is an access control property of several related but independent software systems. To gain access to a linked device, a user logs in with a single ID and password with this house.

\n

It has always been tedious and time-consuming to fill out lengthy and thorough sign-up and registration forms that no one wants!

\n

You could add SSO when creating the in-app experience, so your users would have fewer forms to fill out.

\n

LoginRadius SSO will not only help you boost your sign-up conversions with easy Sign-on solutions when we talk about user onboarding, but it will also protect your APIs and avoid malicious logins.

\n

You will reduce the time taken for users to complete the registration process with LoginRadius and securely capture and retain their data.

\n

LoginRadius supports both programming languages, so it doesn't matter if you have developed your application in C#, Java, or Angular. Due to its simplicity and freemium model, LoginRadius is suitable for small & medium enterprises, start-up developers, and large enterprises.

\n

User onboarding email tools

\n

4. Intercom

\n

\n \n \n

\n

Intercom tells you who your clients are and what your product is doing. You can also interact with them using in-app and email messages in real-time. Using Intercom implies making educated decisions by asking for input with event-triggered notes at the right time.

\n

It is simple to embed and convert new users to become active customers, and you can manage all queries in a team inbox with customized responses and timely support options.

\n

5. MailJet

\n

\n \n

It enables you to collaborate, target specific users, and create personalized email campaigns with your team. With comprehensive and in-depth analytics and reports, you can also monitor the success of already sent emails.

\n

6. Drip

\n

\n \n \n

\n

Drip is an onboarding email creation tool. Without going to the promotion channel (if the user uses Gmail), it will send trigger-based emails directly in the inbox.

\n

Drip helps you to go beyond simple emails and build multiple onboard processes for email automation, multi-channel marketing, and email promotions for users.

\n

7. Customer.io (Paid)

\n

\n \n \n

\n

The Customer.io tool for submitting drip campaigns is a little more costly. It's nice to start onboarding, converting, and keeping your audience for your needs.

\n

What separates Customer.io from Mailjet and Drip is its ability for every customer to send notifications and messages, and real-time data.

\n

Enhance user onboarding with A/B testing tools

\n

8. Optimizely

\n

\n \n \n

\n

One of the best-known and most common experimentation platforms for SaaS companies is Optimizely.

\n

It enables both product and marketing divisions to experiment with each other. You can monitor how many individuals each experiment can see. Then Optimizely can calculate their behavior as a type of different statistics, graphs, and analytics and present it to you.

\n

9. Omniconvert

\n

\n \n \n

\n

Omniconvert is a platform for optimizing conversion rates that provides an A/B testing tool and tools for surveying, personalization, overlay, and segmentation. You can run desktop, mobile, and tablet A/B tests using their A/B testing tool. To validate your tests, you can convert winning versions of an A / B test into the control for a future trial and leverage Frequentist or Bayesian statistics.

\n

10. Google Optimize

\n

\n \n \n

\n

Google Optimize can be an excellent way for you to A / B test various things if you're at your company's early stage. It's free, and it will meet all your needs at the start.

\n

Currently, Google Optimize's most extensive feature is its in-depth integration with Google Analytics. This is an essential thing because it helps you to do more detailed targeting, more detailed monitoring, and more advanced tracking of conversions.

\n

11. VWO

\n

\n \n \n

\n

Trusted by over 4,500 enterprise brands, VWO is a platform designed specifically for enterprise brands for A/B testing and conversion rate optimization. In their suit, with a drop-and-drop editor, you can create A / B tests, Split URL tests, and multivariate tests.

\n

User Onboarding Tools for Product Analytics

\n

12. Amplitude

\n

\n \n \n

\n

With a simple-to-use analytics app and dashboard, Amplitude enables you to monitor your data and metrics. The real-time platform tracks the use of your product and statistics from second to second, letting you know when your app crashes, or checkout flows break down.

\n

13. Mixpanel

\n

\n \n \n

\n

A behavioral analytics framework such as Mixpanel can be used to run tests, such as slideouts and tooltips, on the performance of individual UI elements in your user onboarding.

\n

You can gather accurate information about your product use with Mixpanel, recognize various patterns in the in-app interactions of your customer, set targets, and take steps based on your product analytics.

\n

User Onboarding tools for qualitative feedback

\n

14. Feedier

\n

\n \n \n

\n

Qualaroo user research and feedback tools promise the capacity to do precisely that. At each point of the onboarding process, you can segment your clients by attribute, plan the timing or action exactly when you want questions to pop up, and get the hot take.

\n

16. Wootric

\n

\n \n \n

\n

Wootric is one of the best onboarding methods for customer loyalty and happiness tracking.

\n

With Wootric, you can build custom micro surveys, ask the right questions on the right spots (across various channels), and skyrocket valuable consumer input to your user onboarding.

\n

You can monitor the satisfaction of your customers in real time and even generate automatic customer sentiment measurements.

\n

17. Typeform

\n

\n \n

User Behaviour Tools For Seamless Onboarding

\n

18. Hotjar

\n

\n \n \n

\n

Live chat is an excellent platform for onboarding your new users and gathering feedback for your product.

\n

In your user onboarding processes, Freshdesk is an excellent tool for implementing chat support.

\n

With Freshdesk, you can keep track of all the discussions quickly. Through team coordination, all tickets can be prioritized and segmented, thus assigning them to some of your team members.

\n

It has a fantastic dashboard that supports all of your tickets on multiple platforms. All your tickets, whether they come from email, chatbot, live chat support, website, social media, or even a phone, can be easily managed on a single platform.

\n

21. Olark

\n

\n \n

with this tool you can create more personalized ticket emails for every user. Together with your team, with articles that address all your client's questions, you will be able to build help docs quickly.

\n

23. LiveChat

\n

\n \n

24. Zendesk

\n

\n \n

Bonus User Onboarding Tools

\n

25. Loom

\n

\n \n \n

\n

One of the helpful onboarding video tools for customers is Loom. Video user onboarding is the next best thing to offer you a competitive advantage if you do not have the time or the workers to hold in-person training or training seminars.

\n

Loom helps you, the screen, or both, to record yourself.

\n

By encouraging your future clients to watch a short video rather than read an entire manual, this onboarding tool will make the process simpler and faster.

\n

26. Inline Manual

\n

\n \n \n

\n

The Inline Manual is an advanced method for onboarding users, inline documentation, and quicker adoption of greater conversions applications. To engage and help your customers, you can quickly produce walkthroughs, onboarding guides, videos, and product documentation by presenting a new layer on top of your website or application that enables your customers to learn on the go.

\n

27. Helpshelf

\n

\n \n \n

\n

Helpshelf is a fantastic user-onboarding knowledge base application.

\n

It is necessary to surface the right content at the right time for user onboarding. Helpshelf helps you do this by showing guides, articles, and \"how-to\" to your clients when they need them and when your user is onboarding in various stages.

\n

Conclusion

\n

You would need more than one or two user onboarding resources to create ideal and superior user onboarding procedures and in-app experiences.

\n

Luckily, the market gives us an overwhelming range of different resources. We have covered 27 of the best user onboarding tools. Some of them are free, some are free, and some are paid for.

\n

Customer Onboarding is a critical step that forms the entire lifecycle of the user. The best onboarding experiences help users quickly achieve their magic moment; they also set up new users for long-term success.

\n

\n \n \n

\n","frontmatter":{"date":"January 20, 2021","updated_date":null,"description":"Customer Onboarding is a crucial phase that comprises the user's entire lifecycle. The best onboarding experiences allow users to reach their magic moment quickly; for long-term success, they even set up new users.","title":"Top 27 User Onboarding Tools: Highly Recommended for Businesses","tags":null,"pinned":null,"coverImage":{"childImageSharp":{"fluid":{"aspectRatio":1.5037593984962405,"src":"/static/6e58298f7f4472ec71ff83d568f33cff/14b42/user-onboarding.jpg","srcSet":"/static/6e58298f7f4472ec71ff83d568f33cff/f836f/user-onboarding.jpg 200w,\n/static/6e58298f7f4472ec71ff83d568f33cff/2244e/user-onboarding.jpg 400w,\n/static/6e58298f7f4472ec71ff83d568f33cff/14b42/user-onboarding.jpg 800w,\n/static/6e58298f7f4472ec71ff83d568f33cff/47498/user-onboarding.jpg 1200w,\n/static/6e58298f7f4472ec71ff83d568f33cff/0e329/user-onboarding.jpg 1600w,\n/static/6e58298f7f4472ec71ff83d568f33cff/d8255/user-onboarding.jpg 1920w","sizes":"(max-width: 800px) 100vw, 800px"}}},"author":{"id":"Navanita Devi","github":null,"avatar":null}}}},{"node":{"excerpt":"As we all know, JSON Web Tokens are a way of sending information between parties in a way where the sender's authenticity can be verified…","fields":{"slug":"/engineering/invalidating-jwt/"},"html":"

As we all know, JSON Web Tokens are a way of sending information between parties in a way where the sender's authenticity can be verified. It is essentially a JSON object with a signature. Using this signature, services that issue these tokens can verify that they are the ones who issued this token and thus can trust the claims which are contained within.

\n

The trustworthiness of these tokens make them popular for use in authorization and authentication scenarios:

\n\n

For this post, we'll be focusing on the former use case. So having a token with trustworthy claims is great; we can take the token at its word, and trust all of the information that it has contained within as gospel. Our server is unburdened from having to potentially make database calls to verify the user's role, their permissions, their existence, or even if they're logged in. Once the server has generated the token, as far as it is concerned, no state has to be maintained regarding the validity of the token. It will expire once its expiration time included in its claim has passed.

\n

But before we go ahead and use this for all of our authorization needs, we have to remember that while JSON Web Tokens themselves are stateless, to have a robust, feasible, and controllable authorization workflow, we'll have to maintain some state one way or another.

\n

You can think of an authorization token as an elementary school hall pass. The teacher (resource server) knows that it is a legitimate hall pass because it is green, 6 cm x 12 cm and has a signature from another member of the faculty. Now imagine that you've issued a hall pass, but now you need to take it back (you've changed your mind, or the kid did something bad). Your options are:

\n\n

Other than the 3rd option which may or may not be feasible depending on your use case (most likely not), we can see that it is not possible to reliably remove or revoke a token without maintaining state. The solutions that I've looked upon Stack Overflow for invalidating these tokens boil down to relying on some form of state, one way or another. Don't get me wrong however, this is not a bad thing in my opinion. Using JSON Web Tokens can and do allow us to minimize the state that we do have to maintain, with minimal added complexity.

\n

So let's look at some ways that we can couple state and JSON Web Tokens that allow us to invalidate these tokens effectively.

\n

Token Whitelist

\n

We can maintain a database table containing all of the tokens issued by our server that we would like to accept as valid. This would be a 1:1 session store, with every transaction occurring requiring this table to be checked to prevent an invalidated token from being accepted. While we would not be able to reduce the amount of state being maintained on our server, JSON Web Tokens still provide us with the utility of its trusted claims (and the performance benefits of not needing to check those).

\n

Token Blacklist

\n

We can maintain a database table containing all of the tokens issued by our server that we do NOT want to accept as valid. Every transaction that occurs will require this table to be checked, to prevent an invalidated token from being accepted. Each record would only have to be maintained until the token itself expires. I can't think of any use case where a table of invalidated tokens would regularly be larger than a table of active tokens, so I'd imagine that the table maintained would almost always be smaller than maintaining a table of active tokens.

\n

Using a Dynamic Secret to Sign

\n

This solution still needs a database lookup, but interestingly requires no state. For this, we can use the hash of a piece of data to sign the token itself. For example, by using the hash of a user's password, when the user changes their password, subsequent transactions involving an old token will fail, as the signature will fail to be verified. The effectiveness of this, however, would depend on your requirements, as this would be limited to invalidating tokens based on changing data (such as changing roles, passwords, etc.). It would not allow you to invalidate a token whenever you want.

\n

Concluding Remarks

\n

I think that JSON Web Tokens coupled with a token blacklist is a fantastic way to manage authorization in web applications. This allows you to leverage the benefits of these tokens in reducing the network calls needed to secure your application, reduce the amount of data you need to store to manage sessions, and do so in a reliable way without introducing too much complexity.

\n","frontmatter":{"date":"January 18, 2021","updated_date":null,"description":"A discussion on invalidating JSON Web Tokens.","title":"Invalidating JSON Web Tokens","tags":["JSON Web Tokens","JWT"],"pinned":null,"coverImage":{"childImageSharp":{"fluid":{"aspectRatio":1.5037593984962405,"src":"/static/79aa8bd08d0b463cb8261d80f51fa641/ee604/unsplash.png","srcSet":"/static/79aa8bd08d0b463cb8261d80f51fa641/69585/unsplash.png 200w,\n/static/79aa8bd08d0b463cb8261d80f51fa641/497c6/unsplash.png 400w,\n/static/79aa8bd08d0b463cb8261d80f51fa641/ee604/unsplash.png 800w,\n/static/79aa8bd08d0b463cb8261d80f51fa641/f3583/unsplash.png 1200w","sizes":"(max-width: 800px) 100vw, 800px"}}},"author":{"id":"Nick Chim","github":"nickc95","avatar":null}}}},{"node":{"excerpt":"Last five years have witnessed a sudden influx of marketing practices, sales processes, and data teams in enterprise-level B2B SaaS…","fields":{"slug":"/growth/consumer-experience-b2b-saas/"},"html":"

Last five years have witnessed a sudden influx of marketing practices, sales processes, and data teams in enterprise-level B2B SaaS companies. They have been investing in consumer data to enhance purchasers’ journey or amplify their pre-sales process.

\n

It shouldn't come as a surprise that they are acknowledging the need to provide a full view of their accounts (including branches and divisions), global account addresses, consumer contacts, and sales and marketing performance prospects.

\n

Consumer experience assessment and development is not only acceptable for consumers; it is good for the company. An emphasis on CX produces a competitive advantage that drives consumer retention, sales growth, and company valuation over time.

\n

With the right business growth, technology, and training, you allow your support agents to tackle even the biggest product problems and provide your consumers with excellent and reliable service.

\n

Here are five ways to motivate your B2B SaaS consumer support team to deliver outstanding experiences:

\n

#1. Create impactful touchpoints for clients.

\n

Consumers retain a brand based on their experiences through touchpoints, interactions, and engagements. As a business, this allows you to ensure that you have a strategic and satisfying mechanism. You need to use efficient, optimistic brand marketing and a smooth way to connect with the brand.

\n

Therefore, ensure that your communication is valuable, smooth, and promising to your consumers. Enhancing the B2B consumer experience will eventually create faith and trust in them for the brand.

\n

#2. Know their market concerns and difficulties.

\n

When you have so much information to pursue your consumers to purchase a product, you may sometimes confuse them with overwhelming information.

\n

So, here's what you need to do. Start by being all ears to your clients, their business issues, and concerns they are trying to eradicate with a solution.

\n

Be a polite listener, ask all the right questions, and explain your concerns about their business issues. Also, take time to learn about their strengths, appreciate their development and growth, and get the hang of their rivals. Assure them that you are here to solve their issues.

\n

#3. Concentrate on market values to fulfill their KPIs.

\n

Speak to them about the business principles they would anticipate from using your product/solution at any stage when engaging with your clients. Do less bragging about your product's functionality and strengths and do more talking about what market advantages and values will drive for clients.

\n

In reality, companies should organize their teams to facilitate and carry out substantive consumer discussions about adding value to their businesses. It includes pre-sales, post-sales, marketing, and consumer/technology support.

\n

\n \n \n

\n

#4. Omnichannel approach for B2B SaaS.

\n

Know that buyers are everywhere, and they expect you to be the same. When they have queries for your support teams, they use all kinds of channels to contact your company.

\n

An omnichannel approach never fails to impress. Get software solutions for business growth designed to manage omnichannel consumer service strategies. They allow your helpdesk to respond decisively and efficiently to consumers, regardless of where they are around the world.

\n

A dedicated omnichannel approach in business enables the consumer support team to move seamlessly between common channels and respond to their consumers regardless of where they are and not miss a beat

\n

#5 Make your consumers feel valued.

\n

Delighting and rewarding consumers across all kinds of experiences and engagements at all touchpoints is a must to start building the base of a good CX. Let this be accompanied regularly by a streamlined method of reliable and satisfying contact with your clients by addressing their current requirements.

\n

This also helps them know that you respect their requirements and are there to address their difficulties. Your products should make their lives easier.

\n

Consumer-centricity should be taken as an overarching principle, under which every employee should strive to generate value for the consumers and reciprocate in their communications.

\n

Conclusion

\n

To bring it all together, the basis of B2B SaaS consumer experience depends on how closely you communicate with your consumers through a smooth, straightforward, and impactful communication approach while facilitating their buying journey.

\n

It is essential to make sure that anything your client comes across from your business should turn out to be an enjoyable experience.

\n

\n \n \n

\n","frontmatter":{"date":"January 15, 2021","updated_date":null,"description":"Assessment and improvement of customer experience is not only appropriate to consumers; it is good for the business. A focus on CX provides a competitive advantage that over time drives customer retention, revenue growth, and business valuation.","title":"5 Tips to Enhance the Consumer Experience in B2B SaaS","tags":null,"pinned":null,"coverImage":{"childImageSharp":{"fluid":{"aspectRatio":1.5037593984962405,"src":"/static/b517b573d28a8d1f11b9140c18b7c2ff/14b42/5-tips-consumer-experience-b2b-saas.jpg","srcSet":"/static/b517b573d28a8d1f11b9140c18b7c2ff/f836f/5-tips-consumer-experience-b2b-saas.jpg 200w,\n/static/b517b573d28a8d1f11b9140c18b7c2ff/2244e/5-tips-consumer-experience-b2b-saas.jpg 400w,\n/static/b517b573d28a8d1f11b9140c18b7c2ff/14b42/5-tips-consumer-experience-b2b-saas.jpg 800w,\n/static/b517b573d28a8d1f11b9140c18b7c2ff/47498/5-tips-consumer-experience-b2b-saas.jpg 1200w,\n/static/b517b573d28a8d1f11b9140c18b7c2ff/0e329/5-tips-consumer-experience-b2b-saas.jpg 1600w,\n/static/b517b573d28a8d1f11b9140c18b7c2ff/d8255/5-tips-consumer-experience-b2b-saas.jpg 1920w","sizes":"(max-width: 800px) 100vw, 800px"}}},"author":{"id":"Rakesh Soni","github":"oyesoni","avatar":"rakesh-soni.jpg"}}}}]},"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.

\n

We’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.

\n

The goal? Having them spend less time searching and more time building.

\n

What’s New and Improved on the LoginRadius Website?

\n

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 spent the last few months redesigning our interface— making navigation more intuitive and reassuring that essential resources are easily accessible.

\n

Here’s a closer look at what’s new and why it’s important:

\n

A Developer-Friendly Dark Theme

\n

\"This

\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.

\n

The 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.

\n

So, 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

Clear Categorization for LoginRadius Capabilities

\n

\"This

\n

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:

\n\n

This structured layout ensures you can quickly understand each capability and how it integrates into your identity ecosystem.

\n

Developer-First Navigation

\n

\"This

\n

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.

\n

The 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

Quick Understanding of Integration Benefits

\n

\"This

\n

Developers now have a clear view of the tech stack available with LoginRadius, designed to support diverse business needs.

\n

Our platform offers pre-built SDKs for Node.js, Python, Java, and more, making CIAM integration seamless across popular programming languages and frameworks.

\n

Over to You Now!

\n

Check out our revamped LoginRadius website and see how the improved experience makes it easier to build, scale, and secure your applications.

\n

Do 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":612,"currentPage":103,"type":"///","numPages":161,"pinned":"ee8a4479-3471-53b1-bf62-d0d8dc3faaeb"}},"staticQueryHashes":["1171199041","1384082988","2100481360","23180105","528864852"]}