如何完成原生js网易云音乐下载

要完成原生JS网易云音乐下载，可以通过解析音乐地址、伪装请求、使用API等手段。解析音乐地址是关键，获取真实的音乐文件链接，然后通过伪装浏览器请求去下载音乐文件。

网易云音乐作为一款流行的音乐平台，拥有大量的用户和音乐资源。然而，对于某些用户来说，离线下载音乐以便在没有网络的情况下播放是一个实际需求。然而，网易云音乐官方并不支持直接下载音乐文件，这就需要通过一些技术手段来实现。本文将详细介绍如何通过原生JS实现网易云音乐的下载功能，并给出相关代码示例。

一、解析音乐地址

解析音乐地址是实现下载的第一步。网易云音乐的音频文件地址经过加密，需要通过分析网页的API请求来获取真实的音频文件地址。

1、分析网页请求

通过浏览器的开发者工具（F12），我们可以在网络请求（Network）面板中查看网易云音乐网页加载时所发出的请求。找到与音频文件相关的请求，通常这些请求的URL包含“/weapi/song/enhance/player/url”。

2、获取音乐ID

每个音乐文件在网易云音乐中都有唯一的ID。通过分析网页请求，我们可以找到音乐ID。音乐ID通常可以通过页面的URL或DOM元素中的属性获取。

3、构造请求获取音频文件地址

网易云音乐的音频文件地址是通过一个特定的API请求获取的。我们需要构造一个POST请求，传递音乐ID，获取音频文件的真实地址。

function getMusicUrl(musicId) {
    const url = "https://music.163.com/weapi/song/enhance/player/url";
    const data = {
        ids: [musicId],
        br: 320000,
    };
    const headers = {
        "Content-Type": "application/x-www-form-urlencoded",
        "Referer": "https://music.163.com",
    };
    return fetch(url, {
        method: "POST",
        headers: headers,
        body: new URLSearchParams({
            params: encryptData(data),
            encSecKey: getEncSecKey(),
        }),
    })
        .then((response) => response.json())
        .then((json) => json.data[0].url);
}

4、加密请求参数

网易云音乐的API请求参数需要加密。可以通过分析网页的JS代码，找到加密算法，或者使用现成的加密函数库。

function encryptData(data) {
    // 实现加密算法
    // 可以通过分析网易云音乐网页的JS代码获取
    return encryptedData;
}
function getEncSecKey() {
    // 获取加密密钥
    return encSecKey;
}

二、伪装浏览器请求

为了绕过网易云音乐的反爬虫机制，我们需要伪装成浏览器发出的请求。这包括设置请求头中的“User-Agent”、“Referer”等字段。

1、设置请求头

在构造请求时，设置请求头中的“User-Agent”和“Referer”字段。

const headers = {
    "Content-Type": "application/x-www-form-urlencoded",
    "Referer": "https://music.163.com",
    "User-Agent": "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/91.0.4472.124 Safari/537.36",
};

2、发送请求

通过fetch或XMLHttpRequest发送请求，获取音频文件的真实地址。

三、下载音乐文件

获取到音频文件的真实地址后，我们可以通过创建一个a标签，设置其href属性为音频文件地址，触发点击事件，实现下载。

function downloadMusic(musicUrl, fileName) {
    const a = document.createElement("a");
    a.href = musicUrl;
    a.download = fileName;
    document.body.appendChild(a);
    a.click();
    document.body.removeChild(a);
}

四、完整代码示例

// 获取音乐ID（可以通过页面URL或DOM元素获取）
const musicId = "123456";
// 获取音乐文件URL
getMusicUrl(musicId).then((musicUrl) => {
    // 下载音乐文件
    downloadMusic(musicUrl, "music.mp3");
});
function getMusicUrl(musicId) {
    const url = "https://music.163.com/weapi/song/enhance/player/url";
    const data = {
        ids: [musicId],
        br: 320000,
    };
    const headers = {
        "Content-Type": "application/x-www-form-urlencoded",
        "Referer": "https://music.163.com",
        "User-Agent": "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/91.0.4472.124 Safari/537.36",
    };
    return fetch(url, {
        method: "POST",
        headers: headers,
        body: new URLSearchParams({
            params: encryptData(data),
            encSecKey: getEncSecKey(),
        }),
    })
        .then((response) => response.json())
        .then((json) => json.data[0].url);
}
function encryptData(data) {
    // 实现加密算法
    // 可以通过分析网易云音乐网页的JS代码获取
    return encryptedData;
}
function getEncSecKey() {
    // 获取加密密钥
    return encSecKey;
}
function downloadMusic(musicUrl, fileName) {
    const a = document.createElement("a");
    a.href = musicUrl;
    a.download = fileName;
    document.body.appendChild(a);
    a.click();
    document.body.removeChild(a);
}

通过以上步骤，我们可以使用原生JS实现网易云音乐的下载功能。需要注意的是，以上方法仅供学习和研究使用，请勿用于商业用途或非法行为。