Explication détaillée du code graphique sur la façon d'utiliser l'API SoundCloud dans le SDK JavaScript-js tutoriel-php.cn

Explication détaillée du code graphique sur la façon d'utiliser l'API SoundCloud dans le SDK JavaScript

黄舟

Libérer： 2017-03-08 14:41:58

original

2249 Les gens l'ont consulté

SoundCloud a développé une API qui peut être utilisée par les développeurs. Cette API permet aux développeurs d'obtenir presque toutes les données qu'ils souhaitent. Cependant, l'utilisation de cette API est un peu déroutante, en particulier pour les débutants, car la documentation de développement de l'API SoundCloud et les exemples de documentation utilisent actuellement différentes versions du SDK (Software Development Kit).

Quelle est la différence entre l'API SoundCloud et le SDK SoundCloud ? Fondamentalement, l'API SoundCloud est un ensemble d'URL qui autorisent les développeurs à obtenir des données du serveur SoundCloud, et le SDK SoundCloud est une bibliothèque (ou client) écrite à l'avance pour interroger l'API SoundCloud. Si vous souhaitez en savoir plus, cliquez sur le lien suivant : http://www.php.cn/

Dans ce tutoriel, nous apprendrons comment accéder à l'API SoundCloud et comment simplifier Le processus d'utilisation du SDK SoundCloud. Nous apprendrons comment configurer le SDK SoundCloud à partir de SoundCloud, puis écrireons du code JavaScript pour obtenir des données SoundCloud, lire de l'audio et d'autres fonctionnalités fournies par SoundCloud.

Guide de démarrage

Comprendre les concepts et les méthodes de travail de HTTP et de l'API vous sera utile pour étudier ce tutoriel. Si vous souhaitez en savoir plus sur les API, je vous recommande de jeter un œil : An Introduction to APIs (une introduction aux API. Adresse du lien : http://www.php.cn/). Il sera également utile d'en savoir un peu plus sur le JavaScript asynchrone, les promesses et les fonctions de rappel en suivant ce didacticiel. Nous utilisons jQuery dans nos exemples de code dans cet article, donc si vous connaissez les bases de jQuery, la lecture des exemples de code dans cet article sera moins pénible.

Pour commencer à interroger l'API SoundClound à l'aide de JavaScript, nous devons télécharger le SDK JavaScript fourni par SoundClound. Comme mentionné au début de l'article, deux versions différentes du SDK sont disponibles.

Quelle version du SDK utiliser ?

La principale différence entre ces deux versions du SDK est la façon dont elles renvoient les données lorsqu'une requête asynchrone est effectuée et envoyée à l'API SoundClound. La dernière version du SDK renvoie une promesse, tandis qu'une autre version du SDK doit renvoyer une fonction de rappel en tant que paramètre.

J'ai remarqué un problème. Avec la version du SDK utilisée dans le document, il semble y avoir un problème sur l'interface de la fonction de connexion utilisateur du SDK de cette version. Ce problème est que la fenêtre de connexion contextuelle ne s'affiche pas automatiquement. fermer.

Par conséquent, par souci de simplicité, et parce que l'ancienne version du SDK est plus stable, nous utiliserons l'ancienne version du SDK dans les exemples d'articles tout au long de ce tutoriel. Cette version du SDK devra renvoyer une fonction de rappel pour la requête asynchrone du client.