|
1 | 1 | # Cours 9 - TP2 (20%) |
2 | 2 |
|
| 3 | +Les instructions du TP2 sont [ici](/tp/tp2). |
| 4 | + |
| 5 | +## 🏠 Serveur maison pour le TP2 |
| 6 | + |
| 7 | +:::warning |
| 8 | + |
| 9 | +Le TP2 n'est ni plus facile, ni plus difficile en utilisant le **serveur maison**. Cela dit, cela permet de ne pas avoir à payer pour **Spotify**. |
| 10 | + |
| 11 | +::: |
| 12 | + |
| 13 | +💾 Téléchargement : [Cliquez-ici](../../static/files/tp2_serveur_maison.zip) |
| 14 | + |
| 15 | +Si vous n'êtes pas abonné(e) à **Spotify**, utilisez simplement ce **serveur maison** que vous exécuterez localement. |
| 16 | + |
| 17 | +Il fera le même travail que l'API de Spotify : il vous donnera accès à quelques **artistes**, **albums** et **chansons**. |
| 18 | + |
| 19 | +Puisque ce serveur est fait maison à la dernière minute, il contient **très peu de données** : |
| 20 | + |
| 21 | +* 5 artistes (Hans Zimmer, The Weeknd, Drake, Lady Gaga et Beyoncé) |
| 22 | +* 20 albums (4 par artiste) |
| 23 | +* 60 chansons (3 par album) |
| 24 | + |
| 25 | +Cependant, c'est **amplement suffisant** pour réaliser le TP. Cela changera simplement **4 requêtes**, qui sont codées pour vous de toute façon. |
| 26 | + |
| 27 | +:::danger |
| 28 | + |
| 29 | +🚔🚨🔥 Si vous utilisez ce **serveur maison** pour faire le **TP2**, il ne doit pas être remis. Seul le projet **Next.js** est évalué ! |
| 30 | + |
| 31 | +::: |
| 32 | + |
| 33 | +### ▶ Exécuter le serveur |
| 34 | + |
| 35 | +Pour pouvoir envoyer des requêtes au serveur, il faut l'exécuter sur votre ordinateur. (Comme pendant le laboratoire 6) |
| 36 | + |
| 37 | +**Étape 1** : Créez la base de données. Situez vous dans le dossier `/tp2_serveur_maison/TP2_serveur`, lancez **PowerShell** et faites la commande : |
| 38 | + |
| 39 | +`dotnet ef database update` |
| 40 | + |
| 41 | +**Étape 2** : Exécutez le serveur. Toujours avec la même fenêtre **PowerShell**, faites la commande : |
| 42 | + |
| 43 | +`dotnet run` |
| 44 | + |
| 45 | +Ne fermez pas la fenêtre **PowerShell**, sinon le serveur s'éteindra. |
| 46 | + |
| 47 | +:::note |
| 48 | + |
| 49 | +Ces deux étapes doivent être répétées à chaque fois que vous changez d'ordinateur. Si jamais vous arrêtez l'exécution du serveur, mais restez sur le même ordinateur, seule l'étape 2 doit être répétée. |
| 50 | + |
| 51 | +Si vous êtes sur votre ordinateur personnel, il est possible que vous deviez installer ceci : |
| 52 | + |
| 53 | +`dotnet tool install --global dotnet-ef` |
| 54 | + |
| 55 | +::: |
| 56 | + |
| 57 | +## 🔑 Requête de connexion |
| 58 | + |
| 59 | +```tsx showLineNumbers |
| 60 | +async function connect(){ |
| 61 | + |
| 62 | + // Vous devez utiliser les identifiants "abc" et "123". |
| 63 | + const response = await axios.post("http://localhost:5143/api/Users/Login", { |
| 64 | + username : "abc", |
| 65 | + password : "123" |
| 66 | + }); |
| 67 | + console.log(response.data); |
| 68 | + |
| 69 | + setToken(response.data.token); // Le token peut-être rangé dans un état ... |
| 70 | + localStorage.setItem("token", response.data.token) // ... ou dans le stockage local. |
| 71 | + |
| 72 | +} |
| 73 | +``` |
| 74 | + |
| 75 | +## 👨🎨 Obtenir un artiste |
| 76 | + |
| 77 | +```tsx showLineNumbers |
| 78 | +async function getArtist(name : string){ |
| 79 | + |
| 80 | + const response = await spotifyRequest.get("http://localhost:5143/api/Artists/GetArtist/" + name, { |
| 81 | + headers : { |
| 82 | + 'Content-Type': 'application/json', |
| 83 | + 'Authorization': 'Bearer ' + token // 🔑 Votre token de connexion |
| 84 | + } |
| 85 | + }); |
| 86 | + console.log(response.data); |
| 87 | + |
| 88 | + return new Artist(response.data.id, response.data.name, response.data.imageUrl); |
| 89 | + |
| 90 | +} |
| 91 | +``` |
| 92 | + |
| 93 | +## 💿 Obtenir les albums d'un artiste |
| 94 | + |
| 95 | +Vous aurez besoin de l'**id** de l'artiste, pas de son **nom**. |
| 96 | + |
| 97 | +```tsx showLineNumbers |
| 98 | +async function getAlbums(artistId : string){ |
| 99 | + |
| 100 | + const response = await spotifyRequest.get("http://localhost:5143/api/Albums/getAlbums/" + artistId, { |
| 101 | + headers : { |
| 102 | + 'Content-Type': 'application/json', |
| 103 | + 'Authorization': 'Bearer ' + token // 🔑 Votre token de connexion |
| 104 | + } |
| 105 | + }); |
| 106 | + console.log(response.data); |
| 107 | + |
| 108 | + let albums : Album[] = []; |
| 109 | + for(let a of response.data){ |
| 110 | + albums.push(new Album(a.id, a.name, a.imageUrl)); |
| 111 | + } |
| 112 | + |
| 113 | + return albums; |
| 114 | + |
| 115 | +} |
| 116 | +``` |
| 117 | + |
| 118 | +## 🎵 Obtenir les chansons d'un album |
| 119 | + |
| 120 | +Vous aurez besoin de l'**id** de l'album, pas de son **nom**. |
| 121 | + |
| 122 | +```tsx showLineNumbers |
| 123 | +async function getSongs(albumId : string){ |
| 124 | + |
| 125 | + const response = await spotifyRequest.get("http://localhost:5143/api/Songs/GetSongs/" + albumId, { |
| 126 | + headers : { |
| 127 | + 'Content-Type': 'application/json', |
| 128 | + 'Authorization': 'Bearer ' + token // 🔑 Votre token de connexion |
| 129 | + } |
| 130 | + }); |
| 131 | + console.log(response.data); |
| 132 | + |
| 133 | + let songs : string[] = []; |
| 134 | + for(let s of response.data) songs.push(s.name); |
| 135 | + |
| 136 | + return songs; |
| 137 | + |
| 138 | +} |
| 139 | +``` |
| 140 | + |
| 141 | +## 🎥🗺 YouTube et BandsInTown |
| 142 | + |
| 143 | +Pour les requêtes à **YouTube** et **BandsInTown**, il n'y a pas de changement : comme les utilisateurs de Spotify, vous pourrez communiquer avec ces deux autres APIs en vous référant aux notes de cours et à l'énoncé du TP2. |
0 commit comments