提交 c05c83db 编写于 作者: H huggy

readme 修改成 https 克隆(不用登录 修改 /public 几个测试网页

去掉了 http://localhost:port/
public 里面的网页 lang 都改成 zh 了
上级 9ee30f36
...@@ -192,7 +192,7 @@ ...@@ -192,7 +192,7 @@
## 安装 ## 安装
```shell ```shell
$ git clone git@github.com:Binaryify/NeteaseCloudMusicApi.git $ git clone https://github.com/Binaryify/NeteaseCloudMusicApi.git
$ npm install $ npm install
``` ```
......
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="zh">
<head>
<meta charset="UTF-8" /> <head>
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta charset="UTF-8" />
<title>更新头像</title> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
</head> <title>更新头像</title>
<body> </head>
<input id="file" type="file" name="filename" />
<img id="avatar" style="height: 200px; width: 200px; border-radius: 50%;" /> <body>
<script src="https://cdn.bootcdn.net/ajax/libs/axios/0.20.0-0/axios.min.js <input id="file" type="file" name="filename" />
<img id="avatar" style="height: 200px; width: 200px; border-radius: 50%;" />
<script src="https://cdn.bootcdn.net/ajax/libs/axios/0.20.0-0/axios.min.js
"></script> "></script>
<script> <script>
const phone = '' const phone = ''
const password = '' const password = ''
const port = 3000 let cookieToken = ''
let cookieToken = '' if (!phone || !password) {
if (!phone || !password) { const msg = '请设置你的手机号码和密码'
const msg = '请设置你的手机号码和密码' alert(msg)
alert(msg) throw new Error(msg)
throw new Error(msg) }
}
main() main()
login() login()
async function main() { async function main() {
document.querySelector('input[type="file"]').addEventListener( document.querySelector('input[type="file"]').addEventListener(
'change', 'change',
function (e) { function (e) {
var file = this.files[0] var file = this.files[0]
upload(file) upload(file)
}, },
false false
) )
const res = await axios({ const res = await axios({
url: `http://localhost:${port}/user/detail?uid=32953014&timestamp=${Date.now()}`, url: `/user/detail?uid=32953014&timestamp=${Date.now()}`,
withCredentials: true, //关键 withCredentials: true, //关键
}) })
document.querySelector('#avatar').src = res.data.profile.avatarUrl document.querySelector('#avatar').src = res.data.profile.avatarUrl
} }
async function login() { async function login() {
const res = await axios({ const res = await axios({
url: `http://localhost:${port}/login/cellphone?phone=${phone}&password=${password}`, url: `/login/cellphone?phone=${phone}&password=${password}`,
withCredentials: true, //关键 withCredentials: true, //关键
}) })
cookieToken = res.data.cookie cookieToken = res.data.cookie
} }
async function upload(file) { async function upload(file) {
var formData = new FormData() var formData = new FormData()
formData.append('imgFile', file) formData.append('imgFile', file)
const imgSize = await getImgSize(file) const imgSize = await getImgSize(file)
const res = await axios({ const res = await axios({
method: 'post', method: 'post',
url: `http://localhost:3000/avatar/upload?cookie=${cookieToken}&imgSize=${imgSize.width}&imgX=0&imgY=0&timestamp=${Date.now()}`, url: `http://localhost:3000/avatar/upload?cookie=${cookieToken}&imgSize=${imgSize.width}&imgX=0&imgY=0&timestamp=${Date.now()}`,
headers: { headers: {
'Content-Type': 'multipart/form-data', 'Content-Type': 'multipart/form-data',
}, },
data: formData, data: formData,
}) })
document.querySelector('#avatar').src = res.data.data.url document.querySelector('#avatar').src = res.data.data.url
} }
function getImgSize(file) { function getImgSize(file) {
return new Promise((resolve, reject) => { return new Promise((resolve, reject) => {
let reader = new FileReader() let reader = new FileReader()
reader.readAsDataURL(file) reader.readAsDataURL(file)
reader.onload = function (theFile) { reader.onload = function (theFile) {
let image = new Image() let image = new Image()
image.src = theFile.target.result image.src = theFile.target.result
image.onload = function () { image.onload = function () {
resolve({ resolve({
width: this.width, width: this.width,
height: this.height height: this.height
}) })
}
} }
}) }
} })
</script> }
</body> </script>
</html> </body>
</html>
\ No newline at end of file
<!DOCTYPE html> <!DOCTYPE html>
<html> <html lang="zh">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge"> <meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>网易云音乐 API</title> <title>网易云音乐 API</title>
</head> </head>
<body> <body>
<h1>网易云音乐 API</h1> <h1>网易云音乐 API</h1>
当你看到这个页面时,这个服务已经成功跑起来了~ 当你看到这个页面时,这个服务已经成功跑起来了~
...@@ -17,32 +19,40 @@ ...@@ -17,32 +19,40 @@
<li>3. <a href="/dj/program?rid=336355127">电台节目</a></li> <li>3. <a href="/dj/program?rid=336355127">电台节目</a></li>
</ul> </ul>
<style> <style>
html,body{ html,
body {
height: 100vh; height: 100vh;
width: 100vw; width: 100vw;
margin: 0; margin: 0;
padding: 0; padding: 0;
background: #ffffff; background: #ffffff;
text-align: center; text-align: center;
margin-top:30px; margin-top: 30px;
overflow: hidden; overflow: hidden;
} }
*{
color:rgb(100,100,100); * {
color: rgb(100, 100, 100);
} }
a{
color:#42b983; a {
color: #42b983;
} }
ul,li{
ul,
li {
margin: 0; margin: 0;
} }
ul{
ul {
margin-left: -40px; margin-left: -40px;
line-height: 30px; line-height: 30px;
} }
li{
li {
list-style: none; list-style: none;
} }
</style> </style>
</body> </body>
</html> </html>
\ No newline at end of file
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="zh">
<head>
<meta charset="UTF-8" /> <head>
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta charset="UTF-8" />
<title>歌单封面上传</title> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
</head> <title>歌单封面上传</title>
<body> </head>
<input id="file" type="file" name="filename" /> <body>
<img id="playlist_cover" style="height: 200px; width: 200px; border-radius: 50%;" />
<script src="https://cdn.bootcdn.net/ajax/libs/axios/0.20.0-0/axios.min.js <input id="file" type="file" name="filename" />
<img id="playlist_cover" style="height: 200px; width: 200px; border-radius: 50%;" />
<script src="https://cdn.bootcdn.net/ajax/libs/axios/0.20.0-0/axios.min.js
"></script> "></script>
<script> <script>
const phone = '' const phone = ''
const password = '' const password = ''
const playlist_id = '' const playlist_id = ''
const port = 3000 let cookieToken = ''
let cookieToken = '' if (!phone || !password) {
if (!phone || !password) { const msg = '请设置你的手机号码和密码'
const msg = '请设置你的手机号码和密码' alert(msg)
alert(msg) throw new Error(msg)
throw new Error(msg) }
} if (!playlist_id) {
if (!playlist_id) { const msg = '请设置你的歌单id'
const msg = '请设置你的歌单id' alert(msg)
alert(msg) throw new Error(msg)
throw new Error(msg) }
}
main() main()
login() login()
async function main() { async function main() {
document.querySelector('input[type="file"]').addEventListener( document.querySelector('input[type="file"]').addEventListener(
'change', 'change',
function (e) { function (e) {
var file = this.files[0] var file = this.files[0]
upload(file) upload(file)
}, },
false false
) )
const res = await axios({ const res = await axios({
url: `http://localhost:${port}/playlist/detail?id=${playlist_id}&timestamp=${Date.now()}`, url: `/playlist/detail?id=${playlist_id}&timestamp=${Date.now()}`,
}) })
document.querySelector('#playlist_cover').src = res.data.playlist.coverImgUrl document.querySelector('#playlist_cover').src = res.data.playlist.coverImgUrl
} }
async function login() { async function login() {
const res = await axios({ const res = await axios({
url: `http://localhost:${port}/login/cellphone?phone=${phone}&password=${password}`, url: `/login/cellphone?phone=${phone}&password=${password}`,
withCredentials: true, //关键 withCredentials: true, //关键
}) })
cookieToken = res.data.cookie cookieToken = res.data.cookie
} }
async function upload(file) { async function upload(file) {
var formData = new FormData() var formData = new FormData()
formData.append('imgFile', file) formData.append('imgFile', file)
const imgSize = await getImgSize(file) const imgSize = await getImgSize(file)
const res = await axios({ const res = await axios({
method: 'post', method: 'post',
url: `http://localhost:3000/playlist/cover/update?id=${playlist_id}&cookie=${cookieToken}&imgSize=${imgSize.width}&imgX=0&imgY=0&timestamp=${Date.now()}`, url: `http://localhost:3000/playlist/cover/update?id=${playlist_id}&cookie=${cookieToken}&imgSize=${imgSize.width}&imgX=0&imgY=0&timestamp=${Date.now()}`,
headers: { headers: {
'Content-Type': 'multipart/form-data', 'Content-Type': 'multipart/form-data',
}, },
data: formData, data: formData,
}) })
document.querySelector('#playlist_cover').src = res.data.data.url document.querySelector('#playlist_cover').src = res.data.data.url
} }
function getImgSize(file) { function getImgSize(file) {
return new Promise((resolve, reject) => { return new Promise((resolve, reject) => {
let reader = new FileReader() let reader = new FileReader()
reader.readAsDataURL(file) reader.readAsDataURL(file)
reader.onload = function (theFile) { reader.onload = function (theFile) {
let image = new Image() let image = new Image()
image.src = theFile.target.result image.src = theFile.target.result
image.onload = function () { image.onload = function () {
resolve({ resolve({
width: this.width, width: this.width,
height: this.height, height: this.height,
}) })
}
} }
}) }
} })
</script> }
</body> </script>
</html> </body>
</html>
\ No newline at end of file
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="zh">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>test</title>
</head>
<body> <head>
<p>请在控制台看结果</p> <meta charset="UTF-8" />
<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<script src="https://cdn.bootcss.com/axios/0.18.0/axios.min.js"></script> <meta http-equiv="X-UA-Compatible" content="ie=edge" />
<script> <title>test</title>
const phone = '' </head>
const password = ''
const port = 3000
if(!phone || !password){
const msg = '请设置你的手机号码和密码'
alert(msg)
throw new Error(msg)
}
$.ajax({
url: `http://localhost:${port}/login/cellphone?phone=${phone}&password=${password}`,
xhrFields: {
withCredentials: true //关键
},
success: function(data) {
console.log(data)
$.ajax({
url: `http://localhost:${port}/recommend/resource `,
xhrFields: {
withCredentials: true //关键
},
success: function(data) {
console.log(data)
},
error: function(err) {
console.log(err)
}
})
},
error: function(err) {
console.log(err)
}
})
axios({ <body>
url: `http://localhost:${port}/login/cellphone?phone=${phone}&password=${password}`, <p>请在控制台看结果</p>
withCredentials: true //关键 <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
}).then(function(res) { <script src="https://cdn.bootcss.com/axios/0.18.0/axios.min.js"></script>
console.log(res.data) <script>
axios({ const phone = ''
url: `http://localhost:${port}/recommend/resource`, const password = ''
withCredentials: true //关键 if (!phone || !password) {
}).then(function(res) { const msg = '请设置你的手机号码和密码'
console.log(res.data) alert(msg)
}) throw new Error(msg)
}) }
</script> $.ajax({
</body> url: `/login/cellphone?phone=${phone}&password=${password}`,
</html> xhrFields: {
withCredentials: true //关键
},
success: function (data) {
console.log(data)
$.ajax({
url: `/recommend/resource `,
xhrFields: {
withCredentials: true //关键
},
success: function (data) {
console.log(data)
},
error: function (err) {
console.log(err)
}
})
},
error: function (err) {
console.log(err)
}
})
axios({
url: `/login/cellphone?phone=${phone}&password=${password}`,
withCredentials: true //关键
}).then(function (res) {
console.log(res.data)
axios({
url: `/recommend/resource`,
withCredentials: true //关键
}).then(function (res) {
console.log(res.data)
})
})
</script>
</body>
</html>
\ No newline at end of file
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册