ticketmaster workshop

Lokakarya master tiket

Saya baru-baru ini terbang ke LA dan mengadakan lokakarya GraphQL di Ticketmaster tempat semua orang membuat JavaScript GraphQL API. Semua orang mengikuti menggunakan Launchpad, alat yang memungkinkan Anda bereksperimen dengan server GraphQL di browser Anda. Untungnya workshopnya sudah direkam, jadi kamu bisa mencobanya juga!

Inilah yang akan Anda pelajari:

1. Mengejek skema GraphQL
2. Menampilkan data dari array
3. Mengambil dari REST API
4. Mengambil dari beberapa titik akhir REST dalam satu kueri GraphQL
5. Membangun UI sederhana dengan React dan Apollo Client

Video tersebut merujuk pada dokumen Quip yang saya siapkan, namun semua konten tersebut direproduksi di sini, di README ini. Saya berharap untuk segera merekam ulang versi yang lebih optimal untuk konsumsi internet ini, tapi entah sampai kapan saya punya waktu, jadi saya pikir saya akan memasangnya dulu. Silakan dan tonton!

Berikut beberapa hal yang perlu Anda lakukan segera:

• Dapatkan kunci API di sini: http://developer.ticketmaster.com/
• Buka Launchpad dan masuk! https://launchpad.graphql.com/new

Artis favorit saya

Dan ID atraksi Ticketmaster API mereka:

• Kansas: K8vZ9171C-f
• Kapal Pesiar Kecil: K8vZ9174v57
• Jason Mraz: K8vZ9171CVV

Kueri yang diinginkan

Ini adalah kueri yang ingin kami ambil dari GraphQL API baru kami:

{
  myFavoriteArtists {
    id ,
    name
    image
    twitterUrl
    events {
      name
      image
      startDateTime
    }
  }
}

Skema yang diinginkan

Ini adalah skema yang akan memenuhi permintaan di atas:

  type Query {
    myFavoriteArtists : [ Artist ]
  }

  type Artist {
    id : ID
    name : String
    image : String
    twitterUrl : String
    events : [ Event ]
  }

  type Event {
    name : String
    image : String
    startDateTime : String
  }

Kunci jawabannya

Klik tautan berikut untuk melihat API yang telah selesai di Launchpad:

• Diolok-olok: https://launchpad.graphql.com/z4lnp9j37
• Diejek dengan daftar artis: https://launchpad.graphql.com/p380l5rx0
• Ambil detail artis dari API: https://launchpad.graphql.com/831vp05qq
• Ambil acara mendatang dari API: https://launchpad.graphql.com/9pw9nnkjr
• UI dengan Expo Snack: https://snack.expo.io/BJpiF0SfW

Titik akhir

Ini adalah titik akhir REST di API Ticketmaster yang ingin kita ambil.

URL

 // Look up artist details
`https://app.ticketmaster.com/discovery/v2/attractions/ ${ id } .json?apikey= ${ context . secrets . TM_API_KEY } `

// Look up events for an artist
`https://app.ticketmaster.com/discovery/v2/events.json?size=10&apikey= ${ context . secrets . TM_API_KEY } &attractionId= ${ id } `

Kode

 // Artist details
return fetch ( `https://app.ticketmaster.com/discovery/v2/attractions/ ${ id } .json?apikey= ${ context . secrets . TM_API_KEY } ` )
  . then ( res => res . json ( ) )

// Events
return fetch ( `https://app.ticketmaster.com/discovery/v2/events.json?size=10&apikey= ${ context . secrets . TM_API_KEY } &attractionId= ${ id } ` )
  . then ( res => res . json ( ) )

Detail dokumen dari Ticketmaster API: http://developer.ticketmaster.com/products-and-docs/apis/discovery-api/v2/#attraction-details-v2

Lokakarya

Jika Anda tertarik untuk mengadakan workshop GraphQL seperti ini di perusahaan Anda, jangan ragu untuk mengirim email kepada saya di [email protected] !