Konsertkart

✕

Setlister fra setlist.fm

Trykker du på ♪ ved en artist, vises setlisten fra akkurat den konserten hvis den finnes på setlist.fm. Uten oppsettet under åpnes bare en søkeside på setlist.fm.

Oppsett (gratis, kun ikke-kommersiell bruk)

setlist.fm tillater ikke at nettsider henter data direkte fra nettleseren, og API-nøkkelen skal ikke ligge åpent i koden. Derfor trengs en liten, gratis mellomtjeneste (Cloudflare Worker) som holder nøkkelen din skjult:

Lag en gratis konto på setlist.fm, og søk om en API-nøkkel på setlist.fm/settings/api.
Lag en gratis konto på cloudflare.com. Gå til Workers & Pages, velg Create og så Create Worker. Gi den et navn, for eksempel setlist-proxy, og trykk Deploy.
Trykk Edit code, slett alt som står der, lim inn koden under og trykk Deploy.
Gå til Settings, så Variables and Secrets, og trykk Add. Velg type Secret, navn SETLIST_KEY og lim inn API-nøkkelen din som verdi. Lagre og deploy på nytt.
Kopier adressen til workeren (for eksempel https://setlist-proxy.brukernavn.workers.dev) og lim den inn i feltet under.

export default {
  async fetch(req, env) {
    // Bytt '*' med adressen til nettsiden din (f.eks. 'https://brukernavn.github.io') for å hindre at andre bruker tjenesten din
    const h = { 'Access-Control-Allow-Origin': '*', 'Access-Control-Allow-Headers': '*' };
    if (req.method === 'OPTIONS') return new Response(null, { headers: h });
    const q = new URL(req.url).searchParams;
    const artist = q.get('artistName'), date = q.get('date');
    if (!artist || !date) return new Response('{"error":"artistName og date kreves"}', { status: 400, headers: { ...h, 'content-type': 'application/json' } });
    const r = await fetch('https://api.setlist.fm/rest/1.0/search/setlists?' + new URLSearchParams({ artistName: artist, date: date, p: '1' }), { headers: { 'x-api-key': env.SETLIST_KEY, 'Accept': 'application/json' } });
    return new Response(await r.text(), { status: r.status, headers: { ...h, 'content-type': 'application/json', 'cache-control': 'public, max-age=86400' } });
  }
};

Adresse til din Worker

Setlistene kommer fra setlist.fm. Hver setliste har en lenke tilbake dit, slik tjenestens vilkår krever. Adressen lagres i nettleseren din. Vil du ha den med på en nedlastet nettside, fyller du den inn under «Last ned nettside».

Konsertkart

Setlister fra setlist.fm

Oppsett (gratis, kun ikke-kommersiell bruk)

Adresse til din Worker

Last ned bilde

Om kildene

Slik bruker du siden

Konsertkart

Setlister fra setlist.fm

Oppsett (gratis, kun ikke-kommersiell bruk)

Adresse til din Worker

Last ned nettside

Dette lastes ned (2 filer)

Slik bruker du filene

Visualiseringer

Oppdatere data

Setlister (valgfritt)

Walkman (valgfritt)

Last ned bilde

Om kildene

Slik bruker du siden