Windows本地部署高颜值第三方网易云播放器并实现远程访问听音乐

前言

本篇文章主要介绍如何在Windows系统电脑本地部署YesPlayMusic网易云播放器,结合Cpolar内网穿透轻松实现公网环境远程使用YesPlayMusic听音乐!

YesPlayMusic是一个好看的第三方开源网易云音乐播放器,支持网易云账号登录、MV 播放、无任何社交功能、显示歌词、暗色模式等功能,比官方客户端好看许多简约许多。而且支持 Windows、macOS、Linux。

YesPlayMusic - 一个好看的第三方网易云音乐客户端 1

1.准备环境

我们需要用到 Node.js 和 Git,以及Python,可以提前下载好。

注意Node需要安装v16.20.2版本。可前往 Node.js 官网 下载安装包。

image-20240830155116935Git下载地址:https://git-scm.com/

image-20240902111255413

image-20240809135150250

Python下载地址:Download Python | Python.org

image-20240902111614033

2.安装网易云音乐API

同时按下win键+R键输入“cmd”召唤出命令提示符

输入下方命令

git clone https://gitlab.com/Binaryify/NeteaseCloudMusicApi.git

image-20240902140107447

进入项目目录:

cd NeteaseCloudMusicApi

image-20240902140201799

输入下方命令进行安装:

npm install

image-20240902140348563

继续输入下方命令运行

node app.js

image-20240902144557999

3.安装YesPlaymusic

安装完API后回到桌面,再开启一个新的命令执行符执行下方命令来安装Yarn

npm install -g yarn 

image-20240902114425391

输入下方命令克隆项目仓库到本地。

git clone --recursive https://github.com/qier222/YesPlayMusic.git

image-20240902140609060

进入YesPlaymusic目录:

cd YesPlayMusic

image-20240902140624995

使用 yarn install 安装项目依赖。

image-20240902141234294

输入命令创建本地环境变量

copy .env.example .env

image-20240902141253304

输入命令运行(网页端)

yarn serve

如果像下方图片显示红色出错

image-20240902141416792

点击ctrl+c,再次输入yarn serve运行

image-20240902141533589

就可以复制红框里面的链接打开网页进入到YesPlayMusic首页了,如果无法访问,则检查服务器防火墙是否设置,云服务器的安全组端口是否放行等。

image-20240902142004178

现在我们就成功在Windows系统本地搭建了YesPlayMusic,可以右上角点击登录自己的网易云账号,接下来就可以在线播放自己喜欢的音乐啦!

image-20240902142401158

但如果想实现不在同一个局域网下,也能随时随地听到自己储存在本地的歌曲,就需要借助cpolar内网穿透工具来实现公网访问了~下面我将介绍一下如何安装cpolar内网穿透,并实现无公网IP访问本地YesPlayMusic听歌!

4.安装cpolar内网穿透

下面是安装cpolar步骤:

Cpolar官网地址: https://www.cpolar.com

点击进入cpolar官网,点击免费使用注册一个账号,并下载最新版本的Cpolar

img

登录成功后,点击下载Cpolar到本地并安装(一路默认安装即可)本教程选择下载Windows版本。

image-20240319175308664

Cpolar安装成功后,在浏览器上访问http://localhost:9200,使用cpolar账号登录,登录后即可看到Cpolar web 配置界面,结下来在web 管理界面配置即可。

img

接下来配置一下YesPlayMusic的公网地址!

5.配置YesPlayMusic公网地址

登录后,点击左侧仪表盘的隧道管理——创建隧道,创建一个YesPlayMusic的公网http地址隧道。

  • 隧道名称:可自定义命名,注意不要与已有的隧道名称重复
  • 协议:选择http
  • 本地地址:20201 (本地访问的地址)
  • 域名类型:免费选择随机域名
  • 地区:选择China VIP

image-20240902143456282

隧道创建成功后,点击左侧的状态——在线隧道列表,查看所生成的公网访问地址,有两种访问方式,一种是http和https。

image-20240902143557396

使用上面的Cpolar生成的任意一个公网地址,在手机或任意设备的浏览器进行登录访问,即可成功看到 YesPlayMusic界面。使用了Cpolar的公网域名,无需自己购买云服务器,即可到公网访问YesPlayMusic登陆自己的网易云账号,听自己喜欢的音乐了!

image-20240902143433233

小结

如果我们需要经常远程访问YesPlayMusic听音乐或者其他本地部署的服务,由于刚才创建的是随机的地址,24小时会发生变化。而且它的网址是由随机字符生成,不容易记忆。如果想把域名变成固定的二级子域名,并且不想每次都重新配置新的公网地址来访问YesPlayMusic,我们可以选择创建一个固定的http地址来解决这个问题。

6.配置固定公网地址

我们接下来为其配置固定的HTTP公网地址,该地址不会变化,无需每天重复修改服务器地址。

配置固定http端口地址需要将cpolar升级到专业版套餐或以上。

登录cpolar官网,点击左侧的预留,选择保留二级子域名,设置一个二级子域名名称,点击保留,保留成功后复制保留的二级子域名名称。

image-20240902143900183

保留成功后复制保留成功的二级子域名的名称。

1725260574051

返回刚刚登录Cpolar web UI管理界面,点击左侧仪表盘的隧道管理——隧道列表,找到所要配置的隧道,点击右侧的编辑。

image-20240902144038510

修改隧道信息,将保留成功的二级子域名配置到隧道中

  • 域名类型:选择二级子域名
  • Sub Domain:填写保留成功的二级子域名

点击更新(注意,点击一次更新即可,不需要重复提交)

image-20240902144124580

更新完成后,打开在线隧道列表,此时可以看到公网地址已经发生变化,地址名称也变成了固定的二级子域名名称的域名啦。

image-20240902144153267

最后,我们使用固定的公网https地址在任何浏览器打开访问,可以看到访问YesPlayMusic成功了!这样一个固定且永久不变的公网地址就设置好了,您就可以随时随地访问这个永久不变的网址去听自己喜欢的音乐啦~

image-20240902144316470

以上就是如何在Windows系统本地部署YesPlayMusic,并结合cpolar内网穿透工具实现远程访问使用的全部流程,感谢您的观看,有任何问题欢迎留言交流。

Share:

发表回复

目录

On Key

推荐文章