goldensunliu / graphql-spotify

GraphQL Schema And Resolvers For Spotify Web API

GraphQL Spotify: Spotify API GraphQL Schema and Resolvers Built with GraphQL.js

Refer to src/schema/RootQuery.js for operations currently supported.

---

• Blog on Why
• Demo
• Getting started
  • Getting started with apollo-server-express
    • ES6
    • ES5
• Contribute
• Used By
  • Created By

Blog on Why

Check out the blog on why graphql-spotify was built.

Demo

Deployed Example App Powered By GraphQL Spotify And Its Source Code Repo

Getting started

import { makeSchema } from "graphql-spotify"
let token;
//... somewhere the Spotify token is gotten from the context
const schema = makeSchema(token)
// pass the schema to your favorite server that accepts GraphQL.js Schemas

Make sure the token obtained has the correct scope, certain queries and mutations require different scopes from Spotify

Getting started with apollo-server-express

npm install --save graphql dataloader graphql-tools isomorphic-fetch body-parser apollo-server-express express graphql-spotify

ES6

import { makeSchema } from "graphql-spotify";
import { graphqlExpress, graphiqlExpress } from 'apollo-server-express';
import express from 'express';
import bodyParser from 'body-parser'
// Initialize the app
const port = parseInt(process.env.PORT, 10) || 3000
const app = express();
// bodyParser is needed just for POST.
app.use(
    '/graphql',
    bodyParser.json(),
    graphqlExpress(req => {
        let token;
        //... somewhere the spotify token is gotten from the context
        const schema = makeSchema(token)
        return { schema }
    }));
// GraphiQL, a visual editor for queries
app.use('/graphiql', graphiqlExpress({ endpointURL: '/graphql' }));
app.listen(port, (err) => {
    if (err) throw err
    console.log(`> Ready on http://localhost:${port}/graphql`)
})

ES5

const makeSchema = require("graphql-spotify").makeSchema;
const graphqlExpress = require('apollo-server-express').graphqlExpress;
const graphiqlExpress = require('apollo-server-express').graphiqlExpress;
const express = require('express');
const bodyParser = require('body-parser')
// Initialize the app
const port = parseInt(process.env.PORT, 10) || 3000
const app = express();
// bodyParser is needed just for POST.
app.use(
    '/graphql',
    bodyParser.json(),
    graphqlExpress(req => {
        let token;
        //... somewhere the spotify token is gotten from the context
        const schema = makeSchema(token)
        return { schema }
    }));
// GraphiQL, a visual editor for queries
app.use('/graphiql', graphiqlExpress({ endpointURL: '/graphql' }));
app.listen(port, (err) => {
    if (err) throw err
    console.log(`> Ready on http://localhost:${port}/graphql`)
})

Contribute

Anyone is welcome! Take a look at Roadmap.md for PR ideas and file some issues!

Used By

• Graphql Spotify Example
• Spotify Insight App

Created By

Sitian Liu

graphql-spotify's Issues

Broken demo

https://graphql-spotify-example-zzajohosbz.now.sh/ returns this:

Comparison with prior art

@wittydeveloper had published spotify-graphql before this library was created. Would be good to know the why for creating an alternative, and how the two compare.

Create GraphQL binding

Hi Sitian! Great project. 👌

Would be great if you could also expose this package as a GraphQL binding (see blog post) like this one: https://github.com/graphql-binding/graphql-binding-github