文章目錄

• • 一、 網易云音樂部署
  • • 1-1 在Github或者Gitee上fork此項目
    • 1-2 本地倉庫安裝
    • 1-3 本地跑項目【有node環境】
    • 1-4 Vercel部署【22年下半年之后不大可行】
    • 1-5 博主部署完成的網址：
  • 二、接口調用案例
  • • 2-1 介紹
    • 2-2 現有功能說明及頁面展示：
    • • • 2-2-1 登錄及退出功能
        • 2-2-2 “熱門推薦“模塊
        • 2-2-3 點擊播放歌曲并且查看歌詞
    • 2-3 使用說明
    • 2-4 說明
    • 2-5 GIF動畫能行么？

一、 網易云音樂部署

網易云音樂API文檔

Github源碼

1-1 在Github或者Gitee上fork此項目

1、 打開網易云API源碼點擊Fork

1、fork此項目

• GitHub中Fork 是 服務端的代碼倉庫克隆（即 新克隆出來的代碼倉庫在遠程服務端），包含了原來的倉庫（即upstream repository，上游倉庫）所有內容，如分支、Tag、提交。
• 代碼托管服務（如Github、BitBucket）提供了方便的完成Fork操作的功能（在倉庫頁面點一下Fork按鈕）。這樣有了一個你自己的 可以自由提交的遠程倉庫，然后可以通過的 Pull Request 把你的提交貢獻回 原倉庫。
• 而對于原倉庫Owner來說，鼓勵別人Fork他的倉庫，通過Pull Request 能給他的倉庫做貢獻，也是提升了原倉庫的知名度。

2、 復制自己的倉庫地址

1-2 本地倉庫安裝

1、 本地新建文件夾NeteaseCloudMusicApi,cmd進入命令行
2、 初始化倉庫：git init
3、 從遠端倉庫拉取網易云API的源碼：git pull 上文復制的倉庫地址

1-3 本地跑項目【有node環境】

• 顧名思義嘛，本地服務一關，你就不能調用接口 練習了
• 而且需要不停打開命令行或者控制板運行

1、安裝包依賴：npm install
2、 node app.js
3、 瀏覽器打開即可: http://localhost:3000

1-4 Vercel部署【22年下半年之后不大可行】

服務器如何上線node.js項目【項目放置在github中】

• 自己購入云服務器解決問題

1、 打開Vercel官網
2、 登錄之后點擊New Project
3、 點擊 Import Git Repository 并選擇項目并點擊import
4、 進入如下頁面默認點擊Deploy即可

1-5 博主部署完成的網址：

https://netease-cloud-music-api-crete722p-hannah-bingo.vercel.app/
【僅供學習，感謝網易云音樂，接口好評！！！侵權立刪】

二、接口調用案例

1、 JS原生代碼

• demo源碼 ： 訪問此處：https://gitee.com/hannah_bingo/simple-player
• 作者： 翼遙bingo

2、 Vue-CLI項目

• demo源碼：訪問此處

3、 案例在線 查看 ： 希聲_music

如果對你有幫助的話，一定要點亮星星哦！！！加油

2-1 介紹

原生JavaScript調用網易云API，實現登錄退出，熱門歌單，歌詞顯示等音樂播放功能。絕對是練手可以借鑒的代碼！擁有詳細的readme文檔以及在線展示。該款播放器名為希聲。

在線演示 ： 希聲_music (3vkj.net)

2-2 現有功能說明及頁面展示：

2-2-1 登錄及退出功能

• 點擊我的音樂以及登錄皆可出現

2-2-2 “熱門推薦“模塊

• 點擊對應歌單跳轉至”歌單“模塊

2-2-3 點擊播放歌曲并且查看歌詞

2-3 使用說明

參與貢獻

• Fork 本倉庫
• 新建 Feat_xxx 分支
• 提交代碼
• 新建 Pull Request

2-4 說明

頁面紅色區域為預留輪播圖區域

播放條樣式為瀏覽器默認，更改代碼已注釋

詳細功能完善待更，博主得搞其他事情了

盡快將功能更為完善的vue版本的”希聲“發布

項目僅為練手所用，感謝網易云音樂提供的接口！好評！！！

2-5 GIF動畫能行么？

參考文章：

GitHub 的 Fork 是什么意思？

總結

以上是生活随笔為你收集整理的网易云音乐API 安装及部署 全过程【本地跑项目以及远端部署 均详解】的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。