Twitch API & JavaScript - jak połączyć ze sobą?

[MontuIV]

Czesc. Mam spory problem i od kilku dni nie moge go rozwiązac. Może jest on prosty jednak ja nie mam na tyle wiedzy (za duze ambicje za mało wiedzy)

Przechodząc do meritum. Stworzyłem sobie wtyczke do google Chrome. Wysyła ona powiadomienia (wysyłac bedzie) dotyczące rozpoczęcia streama na platformie Twitch.

Cała wtyczka jest gotowa jednak tu rodzi sie moje pytanie. Nie mam pojecia jak połączyc javascript z API Twitcha.

Script ma tylko stwierdzic czy stream jest offline lub online.

Mam nadzieje że ktos mi pomoze bo juz mnie głowa od tego boli :/

 

PS. Przejzałem wszsytkie tematy na tej stronie https://discuss.dev.twitch.tv/t/check-whether-channel-is-online-or-not-via-js-solution-found/2019 (to jeden przykład tematu)  Nic mi nie pomogło

[GaCeL]

Potrzebna dokumentacja:

https://dev.twitch.tv/docs/v5/guides/using-the-twitch-api/

https://dev.twitch.tv/docs/v5/reference/streams/

 

1. Tworzysz aplikację na Twitchu

2. Bierzesz Client ID z aplikacji

3. Wysyłasz requesta metodą GET na url https://api.twitch.tv/kraken/streams/<channelID>  channel id zastąp loginem kanału.

4. Dodajesz do requesta header "Client-ID" który będzie miał wartość twojego client id z aplikacji.

5. Dostajesz odpowiedz w formacie JSON

6. Parsujesz JSON i jeżeli "stream" -> "null" to użytkownik nie streamuje, a w innym przypadku stramuje.

 

Jeżeli nie chcesz dodawać Client-ID w headerach to możesz dodać do url-a parameter "client_id"

[Marosking]

Przeanalizuj ten darmowo dostępny kod, tutaj znajdziesz rozwiązanie problemu .

https://github.com/Fugiman/Twitch-Channel-Status

[Gość]

Dnia 11/8/2016 o 21:45, MontuIV napisał:

 

A wiesz może skąd pojawiają się błędy

Refused to load the script 'https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js'because it violates the following Content Security Policy directive: "script-src 'self' blob: filesystem: chrome-extension-resource:".

 

Refused to load the script 'https://cdn.rawgit.com/Fugiman/Twitch-Channel-Status/1d74252edf89110507cbf3088f9c3eaa38fac9d3/twitch-channel-status.min.js'because it violates the following Content Security Policy directive: "script-src 'self' blob: filesystem: chrome-extension-resource:".

 

Refused to load the script 'https://api.twitch.tv/kraken/streams?callback=jQuery11130185062669684936_1478637710855&channel=izakooo&limit=1&_=1478637710856'because it violates the following Content Security Policy directive: "script-src 'self' blob: filesystem: chrome-extension-resource:".

 

Headery które wysyłasz zawierają politykę CSP która jest źle skonfigurowana.

[ExeSpac]

zła konfiguracja headerów

[MontuIV]

A wiesz może skąd pojawiają się błędy

Refused to load the script 'https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js'because it violates the following Content Security Policy directive: "script-src 'self' blob: filesystem: chrome-extension-resource:".

 

Refused to load the script 'https://cdn.rawgit.com/Fugiman/Twitch-Channel-Status/1d74252edf89110507cbf3088f9c3eaa38fac9d3/twitch-channel-status.min.js'because it violates the following Content Security Policy directive: "script-src 'self' blob: filesystem: chrome-extension-resource:".

 

Refused to load the script 'https://api.twitch.tv/kraken/streams?callback=jQuery11130185062669684936_1478637710855&channel=izakooo&limit=1&_=1478637710856'because it violates the following Content Security Policy directive: "script-src 'self' blob: filesystem: chrome-extension-resource:".