Get The Price Of Certain Fan Token

In this tutorial, you will learn how to get the price of a certain fan token by calling the Moxie Protocol Subgraph API.

Pre-requisites

Install dependencies graphql and graphql-request to your project :

npm

npm install graphql graphql-request 

yarn

yarn add graphql graphql-request 

pnpm

pnpm add graphql graphql-request 

bun

bun install graphql graphql graphql-request 

Step 1: Add The API Query To Your Code

To get the price of a certain fan token, you can use the following query:

Query

query MyQuery($fanTokenAddress: ID) {
subjectTokens(where: { id: $fanTokenAddress }) {
  currentPriceInMoxie
}
}

Variable

{
"fanTokenAddress": "0x0045214aa342f75ff65c0208002302b57ddb9c22"
}

Response

{
"data": {
  "subjectTokens": [
    {
      "currentPriceInMoxie": "0.01536057923231617336512979146637123"
    }
  ]
}
}

With this GraphQL query, you can add it to your source code and call the API with the graphql-request library:

TypeScript

index.ts

import { gql, GraphQLClient } from "graphql-request";


const graphQLClient = new GraphQLClient(
  "https://api.studio.thegraph.com/query/23537/moxie_protocol_stats_mainnet/version/latest"
);

const query = gql`
query MyQuery($fanTokenAddress: ID) {
subjectTokens(where: { id: $fanTokenAddress }) {
  currentPriceInMoxie
}
}
`;

const variable = {
"fanTokenAddress": "0x0045214aa342f75ff65c0208002302b57ddb9c22"
}


try {
  const data = await graphQLClient.request(query, variable);
  console.log(data);
} catch (e) {
  throw new Error(e);
}

JavaScript

index.js

const { gql, GraphQLClient } = require("graphql-request");


const graphQLClient = new GraphQLClient(
  "https://api.studio.thegraph.com/query/23537/moxie_protocol_stats_mainnet/version/latest"
);

const query = gql`
query MyQuery($fanTokenAddress: ID) {
subjectTokens(where: { id: $fanTokenAddress }) {
  currentPriceInMoxie
}
}
`;


const variable = {
"fanTokenAddress": "0x0045214aa342f75ff65c0208002302b57ddb9c22"
}


try {
  const data = await graphQLClient.request(query, variable);
  console.log(data);
} catch (e) {
  throw new Error(e);
}

Step 2: Execute Your Code

Once you have your code ready, you can execute it by running the following command:

TypeScript

ts-node index.ts

JavaScript

node index.js

If it runs successfully, you should see the data returned in the terminal:

{
"data": {
  "subjectTokens": [
    {
      "currentPriceInMoxie": "0.01536057923231617336512979146637123"
    }
  ]
}
}

Congrats! 🥳🎉 You've just fetched the price of a certain fan token!

Developer Support

If you have any questions or need help with other use cases, feel free to join the /airstack Warpcast channel and ask your questions there.

Our team is always ready to help you with any questions you may have.