【開發日誌-2024/04/30】伺服器維護

R036 Blog API 伺服器v.1.0.0的維護更新日誌 (2024/04/30)

開發環境技術

語言: Javascript

環境: Node JS

框架: Express.js

本次維護目的

• 優化及測試API伺服器程運行
• 重溫程式碼架構以便日後更新優化
• React網站前端從API伺服器獲取新的Spotify檔案
  

測試及開發分享

地端伺服器測試

const Server = express();
Server.get("/api", (req, res)=>{res.send("R-036 blog API v.1.0.0伺服器運作中...")});

表示伺服器運作正常

本日伺服器維護測試主角

// Spotify API 開放路徑
Server.get('/api/spotify/playlist/:playlist', spotifyAPI())

這是我們開發好的spotifyAPI() 其中一小段，為了fetch不同的歌單所以開發上使用playlistId利用req.params方法來傳入參數。

可以參我們的考另一篇開發分享文章，了解spotify提供的API如何運作。

      ...
      //. Spotify play List
      const playlistId = req.params.playlist;
      const spotifyAccessToken = `Bearer ${responseToken.data.access_token}`;
      const spotifyResponse = await fetch(`https://api.spotify.com/v1/playlists/${playlistId}/tracks`, {
        headers: {
          Authorization: spotifyAccessToken,
        },
      });
      ...

試著測試伺服器開發好的API功能

傳入我們想要的Spotify歌單序號2wRGm87noAM7vPFxKLGDS1成功在本地獲得JSON檔案

小記

spotifyAPI()這個方法在開發時就有先考量他有獲取不同歌單資料的需求，使用req.params的方式來獲取不同歌單的ID，所以可以很方便的在前端部分獲取到想要的資料，不需要在後端新增功能，後續只需要在前端測試獲取資料，並且將UI界面更新後把資料串上就完成本次更新了。