Seatgeek Checkout API Integration

[svs22121990]

Hi,

We are fetching the events data using the Seatgeek events API.

We want to integrate Checkout process on our website.

Getting the Information Necessary to Render a Checkout Form GET /listings/{listing_id}?event_id=123&quantity=1&country=US&state=NY

We are trying the render the checkout page using the above API. Can you guide us how to fetch the listing id for a event ? We cannot get it from the events api.

When we try to authenticate the API using below method The authentication code can be calculated as such, where client_secret is the SeatGeek API client secret that corresponds to the passed client id:

    hmac_signature = BASE64( HMAC_SHA1( client_secret, UPPERCASE( method ) + "\n" + path + "\n" + body ) )

Our Code const Checkout = ({ match }) => { const eventid = match.params.eventid; const [ events, setEvents ] = useState(null); const body=""; const hmacDigest = Base64.stringify(hmacSHA1( client_secret,"POST" + "\n/" + match.url + "\n" + body)); console.log(hmacDigest); useEffect(() => { const fetchPrismicData = async () => { try { const eventsDoc = await fetch("https://api.seatgeek.com/2/listings/123456?event_id="+eventid,{ method: 'POST', headers: { 'Authorization': 'SG '+client_id+':'+hmacDigest, 'Access-Control-Allow-Origin':'*' } }) .then(res => res.json().then(events => setEvents(events)));

        } catch (error) {
            console.error(error);
        }
    }

    fetchPrismicData();
  }, []);

We get an 403 unauthrorized error as a response.

Regards,