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

news2024/11/24 16:38:52

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

    • 1、前言
    • 2、本地网页搭建
      • 2.1环境使用
      • 2.2 支持组建选择
      • 2.3 网页安装
    • 3、本地网页发布
      • 3.1 Cpolar云端设置
      • 3.2 Cpolar本地设置
    • 4、公网访问测试
    • 5、结语

1、前言

音乐是我们生活和工作中不可或缺的调剂,它能让我们心情愉悦,提高工作和学习效率。然而,现有的音乐服务往往限制用户在订阅期间才能享受完整的音乐体验,而一旦终止订阅,我们便失去了享受美妙音乐的权利。在本文中,我们将探讨如何搭建一个属于自己的音乐网站,使我们能够自由分享和畅享完整的音乐体验,同时还可以将自己喜欢的音乐上传到网站上与他人分享和出售。

搭建一个本地音乐网站不仅可以让我们避免强制续费的问题,还能够提供更多个性化的服务。
我们可以根据自己的喜好和需求,自由选择歌曲、创建歌单,而且还可以将自己创作或收藏的音乐上传至网站,与其他音乐爱好者分享。
这样的网站不仅能为我们提供完整的音乐体验,还能够成为一个音乐社区,促进音乐文化的传承和交流。

2、本地网页搭建

2.1环境使用

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

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

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

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的无限潜能。

请添加图片描述

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/779055.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

二,jmeter的简介还有一些参数的说明

文章目录 一、jmeter简介及安装1. 简介2. 安装 二、jmeter设置语言三、jmeter文件路径说明四、编写jmeter脚本五、乱码的处理:1. 请求内容出现乱码处理方法2. 响应内容出现乱码处理方法 一、jmeter简介及安装 1. 简介 Apache 托管的开源java工具接口测试、自动化测…

Sublime Text 设置中文

文章目录 1. Subime Text 官网2. 中文设置 1. Subime Text 官网 https://www.sublimetext.com/ 2. 中文设置 打开 sublime,ctrl shift p,在对话框搜索 Install Package Control,点击 会弹出一个消息框,表示插件列表加载完成…

【每日一题】42. 接雨水

【每日一题】42. 接雨水 42. 接雨水题目描述解题思路 42. 接雨水 题目描述 给定 n 个非负整数表示每个宽度为 1 的柱子的高度图,计算按此排列的柱子,下雨之后能接多少雨水。 示例 1: 输入:height [0,1,0,2,1,0,1,3,2,1,2,1] 输…

【STM32CubeMX】HC_SR04模块测距

前言 本文章介绍了基于STM32F103的HAL库,完成对HC_SR04超声波模块测距的基本思路和工程案例。 环境 STM32F103C6T6系统板,72MHz主频基于STM32CubeMX生成的HAL库代码硬件连接: PB12 — Echo(HC_SR04),PB13 — Trig(HC_SR04)PB9 —…

第二十二章:Non-local Neural Networks ——非局部神经网络

0.摘要 卷积和循环操作都是一次处理一个局部邻域的基本构建模块。在本文中,我们提出了非局部操作作为捕捉长程依赖关系的通用构建模块族。受计算机视觉领域经典的非局部均值方法[4]的启发,我们的非局部操作将一个位置的响应计算为所有位置特征的加权和。…

LiveNVR监控流媒体Onvif/RTSP功能-拉转Onvif/RTSP/RTMP/FLV/HLS直播流流媒体服务视频广场页面集成视频播放集成说明

LiveNVR拉转Onvif/RTSP/RTMP/FLV/HLS直播流流媒体服务视频广场页面集成视频播放集成说明 1、视频页面集成1.1、关闭接口鉴权1.2、视频广场页面集成1.2.1、隐藏菜单栏1.2.2、隐藏播放页面分享连接 1.3、其它页面集成 2、播放分享页面集成2.1、获取 iframe 代码2.2、html 集成ifr…

ext4 mballoc之buddy算法

buddy bitmap 根据《Ext4文件系统介绍 - 理论篇_nginux的博客-CSDN博客》我们知道磁盘上有1block 大小(默认4K)data block bitmap,每bit位代表一个block的使用情况,1代表占用,0代表空闲。data block bitmap 可以表示4 * 1024 * …

代码随想录| 图论02●695岛屿最大面积 ●1020飞地的数量 ●130被围绕的区域 ●417太平洋大西洋水流问题

#695岛屿最大面积 模板题&#xff0c;很快.以下两种dfs&#xff0c;区别是看第一个点放不放到dfs函数中处理&#xff0c;那么初始化的area一个是1一个是0 int dir[4][2]{0,1,0,-1,1,0,-1,0};void dfs(int x, int y,int n, int m, int &area,vector<vector<bool>…

HTML入门教程||HTML 属性||HTML 元素

HTML 元素 HTML 元素 HTML 文档由 HTML 元素定义&#xff0c;HTML 元素指的是从开始标签&#xff08;start tag&#xff09;到结束标签&#xff08;end tag&#xff09;的所有代码。 HTML 元素 开始标签 *元素内容结束标签 *<p>这是一个段落</p><a href"…

《Docker和服务器无状态化:容器化应用的优势,构建高可伸缩性和灵活性》

&#x1f337;&#x1f341; 博主 libin9iOak带您 Go to New World.✨&#x1f341; &#x1f984; 个人主页——libin9iOak的博客&#x1f390; &#x1f433; 《面试题大全》 文章图文并茂&#x1f995;生动形象&#x1f996;简单易学&#xff01;欢迎大家来踩踩~&#x1f33…

【MATLAB第58期】基于MATLAB的PCA-Kmeans、PCA-LVQ与BP神经网络分类预测模型对比

【MATLAB第58期】基于MATLAB的PCA-Kmeans、PCA-LVQ与BP神经网络分类预测模型对比 一、数据介绍 基于UCI葡萄酒数据集进行葡萄酒分类及产地预测 共包含178组样本数据&#xff0c;来源于三个葡萄酒产地&#xff0c;每组数据包含产地标签及13种化学元素含量&#xff0c;即已知类…

c++高性能264/265实时流媒体服务器/h5客户端整体解决方案源码

文章目录 c高性能264/265实时流媒体服务器/h5客户端整体解决方案源码缘由目前的前端技术栈&#xff0c;已经能够支撑常规的安防桌面客户端软件开发我的方案一套c后端,两套前端H5 UI方案一&#xff1a;多屏h265/h264混合显示H5 UI方案二&#xff1a;H5监控大屏,提供视图切换功能…

基于SRS后端开发的前端页面

SRS(Simple Realtime Server)是简单高效的实时视频服务器&#xff0c;支持RTMP、WebRTC、HLS、HTTP-FLV、SRT等多种实时流媒体协议。 框架 https://www.thinkphp.cn 官网 https://ossrs.net/lts/zh-cn 播放器1 https://www.cdnbye.com 播放器2 https://www.artplayer.org …

苹果的Apple GPT要来了?

据外媒消息&#xff0c;苹果正在内部开发类 ChatGPT 的产品&#xff0c;与微软、OpenAI、谷歌、Meta 等科技巨头在生成式 AI 赛道展开竞争。该消息使得苹果股价上涨了 2%。据苹果工程师透露&#xff0c;苹果在内部构建了代号为“Ajax”的大语言模型开发框架&#xff0c;并构建了…

【C语言】表达式求值相关问题汇总—>隐式类型转换(整型提升)、算数转换与操作符优先级汇总(收藏查阅)

&#x1f440;樊梓慕&#xff1a;个人主页 &#x1f3a5;个人专栏&#xff1a;《C语言》《数据结构》《蓝桥杯试题》 &#x1f31d;每一个不曾起舞的日子&#xff0c;都是对生命的辜负。 目录 前言&#xff1a; 一、隐式类型转换 &#xff08;一&#xff09;整型提升的意义…

【六天】高时空分辨率、高精度一体化预测技术之风、光、水能源自动化预测技术应用

最初的互补发电系统&#xff0c;就是将不同发点组件进行简单的组合&#xff0c;因为缺乏详细的数学计算模型&#xff0c;同时系统只用于保证率低的用户&#xff0c;导致使用寿命不长。随着新能源系统应用范围的不断扩大&#xff0c;保证率和经济性要求的提高&#xff0c;需要高…

Rust vs Go:常用语法对比(四)

题图来自 Go vs. Rust performance comparison: The basics 61. Get current date 获取当前时间 package mainimport ( "fmt" "time")func main() { d : time.Now() fmt.Println("Now is", d) // The Playground has a special sandbox, so you …

【力扣周赛】第 354 场双周赛

文章目录 Q1&#xff1a;2784. 检查数组是否是好的解法1——排序模拟判断解法2——哈希表计数模拟判断 Q2&#xff1a;6926. 将字符串中的元音字母排序Q3&#xff1a;6931. 访问数组中的位置使分数最大&#xff08;线性DP&#xff09;Q4&#xff1a;6922. 将一个数字表示成幂的…

什么是神经网络?

我们常常使用深度学习来指训练神经网络的过程。 在这里举一个房屋价格预测的例子&#xff1a;假设有一个数据集&#xff0c;它包含了六栋房子的信息。所以&#xff0c;你知道房屋的面积是多少平方米&#xff0c;并且知道这个房屋的价格。这是&#xff0c;你想要拟合一个根据房屋…

【Linux】linux工具和命令

这里写目录标题 一、Linux常用命令&#xff1a;二、Linux安装软件&#xff1a;1.yum安装2.Linux和Windows文件互传3.yum卸载软件 三、vim编辑器1.命令模式2.vim配置项说明3.vim操作总结 一、Linux常用命令&#xff1a; ls 显示当前目录下的文件 ls-a 显示当前目录下所有文件&a…