đŸšĒToken Gating

Learn how to enable users to access certain features only if they have a Lens profile or a combination of Lens + other criteria such as a specific POAP or NFT.

Airstack provides easy-to-use APIs for enriching Lens applications and integrating on-chain and off-chain data with Lens.

In this tutorial, you will learn how to build token gating systems in your dapp that grant feature access to Lens profile(s) based on specific on-chain criteria.

In this guide you will learn how to use Airstack to:

Pre-requisites

  • An Airstack account (free)

  • Basic knowledge of GraphQL

Get Started

JavaScript/TypeScript/Python

If you are using JavaScript/TypeScript or Python, Install the Airstack SDK:

React

npm install @airstack/airstack-react

Node

npm install @airstack/node

Then, add the following snippets to your code:

import { init, useQuery } from "@airstack/airstack-react";

init("YOUR_AIRSTACK_API_KEY");

const query = "YOUR_QUERY"; // Replace with GraphQL Query

const Component = () => {
  const { data, loading, error } = useQuery(query);

  if (loading) {
    return <p>Loading...</p>;
  }

  if (error) {
    return <p>Error: {error.message}</p>;
  }

  // Render your component using the data returned by the query
};

Other Programming Languages

To access the Airstack APIs in other languages, you can use https://api.airstack.xyz/gql as your GraphQL endpoint.

🤖 AI Natural Language​

Airstack provides an AI solution for you to build GraphQL queries to fulfill your use case easily. You can find the AI prompt of each query in the demo's caption or title for yourself to try.

Gating only user(s) that have Lens Profile

You can implement token gating by checking whether users have Lens profile:

Try Demo

Code

query GetTokenGatingLens {
  Socials(
    input: {filter: {identity: {_eq: "bradorbradley.eth"}, dappName: {_eq: lens}}, blockchain: ethereum}
  ) {
    Social {
      profileName
      userId
      userAssociatedAddresses
    }
  }
}

If the length of the data.Socials.Social array is 0, then it implies that the user has no Lens profile.

Otherwise, the user does and can be given access to a the desired feature.

Gating only user(s) that have Lens Profile and NFT

You can implement token gating by checking whether users have both Lens profile and the given NFT:

Try Demo

Code

query MyQuery {
  TokenBalances(
    input: {filter: {tokenAddress: {_in: ["0x977e43ab3eb8c0aece1230ba187740342865ee78", "0x9d90669665607f08005cae4a7098143f554c59ef"]}, owner: {_eq: "0x8eC94086A724cbEC4D37097b8792cE99CaDCd520"}}, blockchain: ethereum, limit: 200}
  ) {
    TokenBalance {
      owner {
        socials(input: {filter: {dappName: {_eq: lens}}}) {
          userId
          profileName
        }
      }
    }
  }
}

If the length of the data.TokenBalances.TokenBalance array is 0, then it implies that the user has no given NFT held.

Otherwise, the user have at least one of the given NFT and then can have the owner.socials to be checked further to confirm if the user has any Lens profile.

If owner.socials has length 0, then similarly the user has no Lens profile.

Otherwise, the user has Lens profile and can be given access to a the desired feature.

Gating only user(s) that have Lens Profile and POAP

You can implement token gating by checking whether users have both Lens profile and the given POAP:

Try Demo

Code

query MyQuery {
  Poaps(
    input: {filter: {eventId: {_in: ["127462", "141910"]}, owner: {_eq: "0x4455951fa43b17bd211e0e8ae64d22fb47946ade"}}, blockchain: ALL}
  ) {
    Poap {
      owner {
        socials(input: {filter: {dappName: {_eq: lens}}}) {
          profileName
          userId
          userAssociatedAddresses
        }
      }
    }
  }
}

If the length of the data.Poaps.Poap array is 0, then it implies that the user has no given POAP held.

Otherwise, the user have at least one of the given POAP and then can have the owner.socials to be checked further to confirm if the user has any Lens profile.

If owner.socials has length 0, then similarly the user has no Lens profile.

Otherwise, the user has that Lens profile and can be given access to a the desired feature.

Developer Support

If you have any questions or need help regarding token gating, please join our Airstack's Telegram group.

More Resources

Last updated

#300: add-user-details

Change request updated