开源QianWei搭建音乐网站,并实现公网连接

开源QianWei搭建音乐网站,并实现公网连接

1、前言

音乐是生活和工作中不可或缺的调剂,在好音乐的陪伴下,不仅心情能十分愉悦,工作和学习效率也能大幅提高。虽然现在的几家“大厂”都提供自定义歌单服务,但也成为了强制续费的手段,毕竟谁也不想听被切分的歌曲。现在我们就为大家介绍,如何在本地搭建一个属于自己的音乐网站,而不必续费才能听完整歌曲的问题困扰,更可以将本地的歌曲上传到网站中,与大家进行分享和出售。

2.1环境使用

由于我们是在本地电脑上搭建网站,而个人电脑上最常用的系统就是Windows系统,因此我们使用phpstudy作为本地网站的虚拟环境(phpstudy下载地址为https://www.xp.cn/download.html)。

img

2.2 支持组建选择

要搭建音乐网站,就意味着有文件传输,并需要动态网页支持,因此需要使用到Nginx、php、MySQL、SQL-Front、FileZilla几个支持组建。而phpstudy中能够轻松方便的安装这几个软件。

img

2.3 网页安装

由于PHPQianWei音乐网站源代码已经开源(同时也更新至“耳朵音乐”,同样为开源),因此我们可以在多个源码网站找到下载。

img

网站源代码下载完成并解压后,会生成包含网站运行文件的文件夹,我们需要将这个文件夹整个复制到PHPstudy的“WWW”文件夹下,为之后的构建网页运行环境做好准备。

img

img

接着,我们回到PHPstudy的“网站”页面,点选左上角的“创建网站”按钮,设置QianWei音乐网站所需的运行环境。设置的内容包括

  • 域名-本地访问网站的域名;
  • 端口-本地网页的输出端口号;
  • 根目录-即网页文件存放的路径,可以通过栏位右侧的“浏览”按钮进行选择;
  • 创建FTP和数据库-勾选这两项会弹出新窗口进行设置,设置内容主要为用户名、密码、名称几项;
  • PHP版本-通常这项不必单独选择,但为防止PHP版本与MySQL不匹配,最好选择5.X系列版本。

img

img

img

完成这几项设置后,就可以点击页面下方的“确认”按钮,保存各项设置,PHPStudy会自动生成网页运行所需的环境。如果之后运行环境有什么变更,也可以通过网站条目右侧的“管理”按钮进行修改。

img

这时我们在浏览器地址栏中输入对应的端口号进行访问,就能进入QianWei音乐网站的安装界面。在开始安装前,网页会对几项关键项目进行自检,只有通过目录、文件权限和函数依赖性检查后,才能进行下一步安装。

img

下一步就是常规的填入数据库信息,我们只要按照在PHPstudy设置网页运行环境时保存的信息输入,即可进行下一步(点击创建数据库)。

接下来,网站就会创建管理员账户。如果我们想登录网站后台进行管理,就需要设定能记住的管理员信息,以便之后登录。

img

完成这几步后,我们就在本地电脑上成功安装了QianWei音乐网站,我们可以通过localhost:85(自设的端口号)登录本地网页前台进行访问,也可以输入localhost:85/admin.php登录网站后台进行管理。

img

img

如果不满意网站外观,站长可以应用不同的模板,更换网站外观;或者将网站设为伪静态,增加音乐网站的曝光率。

img

而所有用户都可以上传或下载自己喜欢的歌曲和MV。当然,分享的内容需要通过站长审核。

img

至于这个音乐网站的其他好玩的地方,并不是这篇文章的主旨,就留给大家自行探索吧。

3、本地网页发布

当我们的音乐网站在本地电脑上搭建完成后,接下来的工作就是将这个网站发布到公共互联网上,而要做到这点,我们需要借助cpolar的内网穿透功能,将本地电脑变成网页服务器,通过固定二级子域名或自定义域名方式建立起穿透内网的数据隧道,让我们的音乐网站获得公共互联网的地址。(cpolar的下载地址为https://www.cpolar.com/download)。

img

Cpolar下载完成后,同样是解压安装。由于cpolar是独立软件,因此可以直接双击.msi安装文件进行安装。

img

接着只要一路“next”即可。

img

3.1 Cpolar云端设置

首先,我们需要登录cpolar的官网,固定一条空白数据隧道,为之后关联本地电脑的音乐网站做好准备(需要注意的是,创建固定数据隧道属于VIP功能,需要将cpolar升级至基础版及以上)。为方便理解cpolar创建固定数据隧道的方式,我们以保留二级子域名为例为大家说明。

登录cpolar官网后,我们在“仪表盘”页面左侧找到“预留”项,并在“预留”页面选择“保留二级子域名”栏位。在“保留二级子域名”栏位,我们需要对该隧道进行几项简单的信息设置。

地区 – 这里我们在下拉菜单中选择实际使用地即可;

二级域名 – 二级域名可以选择自己喜欢的内容填写,不过需要注意的是,该内容最终会显示的公网URL中,因此需要选择合适的内容填入;

描述 – 该栏可以看做这条数据隧道的备注,只要方便分辨即可;

img

在各项信息填写完毕后,就可以点击右侧的“保留”按钮,生成一条固定的二级子域名隧道。

img

3.2 Cpolar本地设置

完成cpolar云端的设置后,我们转回cpolar在本地电脑的客户端(可以在浏览器中输入localhost:9200打开cpolar的Web-UI界面,也可以在开始菜单中找到cpolar的快捷方式)

img

img

进入cpolar本地端后,我们点选“隧道管理”项下的“创建隧道”选项,进入“创建隧道页面”,将cpolar云端建立的空白数据隧道与本地音乐网站关联起来,而关联的设置,就在这个页面通过信息填写进行,这些信息包括:

  • 隧道名称 – 可以看做cpolar本地的隧道信息注释,只要方便分辨即可;
  • 协议 – 选择http协议
  • 本地地址 – 本地地址即为音乐网站的输出端口号,在这个例子中为85;
  • 域名类型 – 由于我们已经在cpolar云端预留了二级子域名的固定隧道,因此勾选“二级子域名”(如果预留的是自定义域名,则勾选自定义域名,并支持配置SSL证书),并在下一行“Sub Domain”栏中填入预留的二级子域名,该例子中为“music”;
  • 地区 – 与cpolar云端预留的信息一样,我们依照实际使用地填写即可;

在各项信息填写完毕后,即可点击页面下方的“创建”按钮,生成能够发布本地音乐网站的公网地址。

img

img

4、公网访问测试

隧道创建成功后,可以在“状态”项下的“在线隧道列表”中找到本地音乐网站的公共互联网地址,将这个公共互联网地址输入浏览器,就能成功访问到位于本地电脑上的音乐网站。

img

img
img

至此,我们就成功的使用QianWei音乐网站源码,在本地电脑上搭建起属于自己的音乐网站,并通过cpolar将其发布到公共互联网上,实现自由音乐的设想。

5、结语

使用cpolar发布个人音乐网站,只是cpolar内网穿透功能的一个应用场景,cpolar创建的内网穿透数据隧道,还能应用在更多场景中。如果您对cpolar的使用有任何疑问,欢迎与我们联系,我们必将为您提供力所能及的协助。当然也欢迎加入cpolar的VIP官方群,共同探索cpolar的无限潜能。

发表回复