ThinkMusic源码搭建音乐网站,并实现公网访问
1、前言
在我们的日常生活中,音乐已经成为不可或缺的要素之一,听几首喜欢的音乐,能让原本糟糕的心情变得好起来。虽然现在使用电脑或移动电子设备听歌都很方便,但难免受到诸多会员或VIP限制,难免让我们回想起音乐网站遍地开花的时代。今天,我们就为大家介绍,如何在本地电脑上搭建一个风格界面都不错的ThinkMusic音乐网站,并通过cpolar创建的内网穿透数据隧道将其发布到公共互联网上,让我们能够上传自己喜欢的音乐与大家分享,只为不再受制于人。
2、本地网页搭建
2.1 环境使用
现在个人电脑上最常用的系统是Windows系统,因此可以使用PHPStudy这款软件,作为ThinkMusic音乐网站的虚拟运行环境。
2.2 支持组建选择
ThinkMusic音乐网站是基于php框架开发,可以提供音乐的上传分享,其运行环境组件包括Nginx、php、MySQL、SQL-Front、FileZilla几项。而PHPStudy也支持这几项软件的直接安装和设置。
2.3 网页安装
在PHPStudy安装好网页所需的各项软件后,就可以正式进入ThinkMusic网页的安装。由于ThinkMusic网站是开源的,因此可以轻松找到其源代码的下载。
网站源码下载后,可直接将其解压到PHPStudy的网页文件夹下即可(即WWW文件夹内)。
接着我们在PHPStudy的“网站”页面,找到左上角的“创建网站”按钮并点击,设置ThinkMusic音乐网站所需的运行环境,内容包括以下几项
- 域名 – 即本地访问网站的域名;
- 端口 – 即本地ThinkMusic网站的输出端口号;
- 根目录 - 即ThinkMusic网站文件存放的路径,如果记不得详细路径的,可以通过栏位右侧的“浏览”按钮选择网站文件存放位置,自动生成路径;
- 创建FTP和数据库 - 勾选这两项后,PHPStudy会弹出新窗口,分别对FTP和数据库进行设置,设置内容主要为用户名、密码、名称几项;
- PHP版本 - 通常这项并不需做单独选择,但为防止网站安装时自检报错,因此最好选择5.2(5.X系列)或同系较高版本。
各项设置完成后,即可点击页面下方的“确认”按钮,生成ThinkMusic网站的运行环境。如果之后对网站的运行环境有任何变更,也可以点击条目右侧的“管理”按钮,在下拉菜单中进行修改。
接着我们在浏览器地址栏中输入“localhost:86/install”(之前设置ThinkMusic网站时将输出端口设置在86端口,因此此处输入86.若设置网站输出端口时有不同,则应输入实际端口号)执行网站安装程序,就能进入ThinkMusic音乐网站的安装界面。
接下来就是常规设置,在这里需要对两个部分进行修改,第一部分数据库名称、数据库用户名和密码,我们只要输入PHPStudy设置数据库时设定的用户名和密码即可;第二部分是ThinkMusic网站站长的信息设置,我们只要按实填写即可。
完成必要的信息修改和设置后,就可以点击安装页面下方的“提交”,完成ThinkMusic音乐网站的安装。此时网站会提示我们是进入前台或是后台,前台就是访客能够看到的网站,而后台则是我们对该网站进行设置的界面。
这时就可以在浏览器地址栏输入localhost:86(自设的端口号)登录本地网站的前台页面进行功能测试,或输入localhost:86/admin登录网站后台进行管理。
所有已注册用户都可以上传自己喜欢的歌曲与大家分享,或者创立喜欢的音乐专辑。
3、本地网页发布
现在,本地ThinkMusic音乐网站已经就绪,接下来要做的,就是将这个本地网站,通过cpolar创建的内网穿透数据隧道发布到公共互联网上。Cpolar支持三种网页隧道模式,分别是
- 临时数据隧道 - 免费试用,24小时重置隧道编号,适用于临时测试场景;
- 固定二级子域名 – 基础版及以上用户可选,可以自定义二级子域名,数据隧道一旦固定就不会变化,并且支持https协议,适合对域名要求不高的小范围网页发布场景。
- 自定义域名 – 专业版及以上用户可选,能够使用从域名供应商处购买的特定域名,并且支持用户自上传网站密钥及证书文件,十分适合商业推广等大范围应用场景。
为能更好的说明cpolar的使用方式,我们以固定二级子域名隧道为演示。首先我们需要登录cpolar官网(官网地址为https://www.cpolar.com),下载好cpolar客户端(暂时不用安装,可以先设置好固定二级子域名空白隧道)
3.1 Cpolar云端设置
首先,登录cpolar的官网,在“仪表盘”页面左侧找到“预留”项,并在“预留”页面选择“保留二级子域名”栏位并对该隧道进行几项简单的信息设置,这几项信息为:
- 地区 - 这里我们在下拉菜单中选择实际使用地即可;
- 二级域名 - 二级域名可以选择自己喜欢的内容填写,不过需要注意的是,该内容最终会显示的公网URL中,因此需要选择合适的内容填入;
- 描述 – 该栏可以看做这条数据隧道的备注,只要方便分辨即可;
这三项信息填写完毕后,直接点击右侧的“保留”按钮,创建一条固定的二级子域名隧道。
到这里,我们就在cpolar云端设定好一条空白数据隧道,接着我们回到本地电脑,安装cpolar客户端软件,并将cpolar云端的空白二级子域名数据隧道与本地ThinkMusic网站关联起来。
3.2 Cpolar本地设置
Cpolar客户端下载完成后,可以直接解压双击.msi安装文件进行安装。
接着只要一路“next”即可完成安装。
接着我们打开cpolar在本地电脑的客户端(可以在浏览器中输入localhost:9200打开cpolar的Web-UI界面,也可以在开始菜单中找到cpolar的快捷方式)
在cpolar本地端,我们选择“隧道管理”项下的“创建隧道”项,进入“创建隧道”页面,在这个页面,我们需要填写几项基本信息用于创建数据隧道,这些信息包括:
- 隧道名称 – 可以看做cpolar本地的隧道信息注释,只要方便分辨即可;
- 协议 – 这里我们默认选择http协议;
- 本地地址 – 本地地址即为音乐网站的输出端口号,在这个例子中为86;
- 域名类型 – 由于我们已经在cpolar云端预留了二级子域名的固定隧道,因此勾选“二级子域名”(如果预留的是自定义域名,则勾选自定义域名),并在下一行“Sub Domain”栏中填入预留的二级子域名,该例子中为“thinkmusic”;
- 地区 – 与cpolar云端预留的信息一样,我们依照实际使用地填写即可;
这些信息填写完毕后,就可点击页面下方的“创建”按钮,生成能够发布本地音乐网站的公网地址。
4、公网访问测试
最后,我们可以在“状态”项下的“在线隧道列表”中,找到thinkmusic音乐网站的公共互联网地址,将这个公共互联网地址输入浏览器,就能成功访问到位于本地电脑上的thinkmusic音乐网站。
可以看到,使用cpolar生成的内网穿透数据隧道,可以很轻松的将本地电脑上的ThinkMusic音乐网站发布到公共互联网上,即可以作为个人原创音乐发布平台,也能集合一众音乐同好,分享各自对音乐的理解。最重要的是,可以从此不在看别人脸色听歌,打造属于自己的音乐天堂。
5、结语
使用cpolar发布个人音乐网站,只是cpolar内网穿透功能的一个应用场景,cpolar创建的内网穿透数据隧道,还能应用在更多场景中。如果您对cpolar的使用有任何疑问,欢迎与我们联系,我们必将为您提供力所能及的协助。当然也欢迎加入cpolar的VIP官方群,共同探索cpolar的无限潜能。
ThinkMusic源码搭建音乐网站,并实现公网访问相关推荐
- HTML5期末大作业:在线音乐娱乐网站设计——在线音乐网站模板(22页) HTML+CSS+JavaScript web结课音乐作业的源码 线音乐网站毕业设计网页html
HTML5期末大作业:网站设计--在线音乐网站(22页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计 计算机毕设网页设计源码 常见网页设计作业题材有 ...
- Freekan源码搭建视频网站,并实现公网远程访问
文章目录 1.前言 2.本地网页搭建 1.1 环境使用 1.2 支持组件和环境设置 1.3 支持组件选和环境设置 1.4 网页安装 1.5 测试和使用 1.6 问题解决 3.本地网页发布 3.1 Cp ...
- 我用源码搭建直播网站
这是我搭建出来的直播网站,可惜的是我根本没本事找到人愿意来直播,有没有人对这个感兴趣,有资源的话可以拿来看看! 功能倒是都可以,问题就是我在人群稀疏的地方, 不管短视频功能还是直播功能都还可以!! ...
- 110款表白网站源码,搭建表白网站必备,总有一款适合你
❤ 精彩专栏推荐
- 基于html5 css3风车乐栈在线音乐播放网站源码 大学生毕业设计源码 在线音乐网站HTML HTML5期末大作业 web课程设计网页规划与设计
常见网页设计作业题材有 个人. 美食. 公司. 学校. 旅游. 电商. 宠物. 电器. 茶叶. 家居. 酒店. 舞蹈. 动漫. 明星. 服装. 体育. 化妆品. 物流. 环保. 书籍. 婚纱. 军事. ...
- 企业网站源码搭建新站点后怎么让百度快照更新
在网站或博客推广.网站交换链接.网站权重分析时,首先参考的是网站快照.今天我想说的重点是百度快照,进入话题:企业网站源码搭建新站点后怎么让百度快照更新? 首先下载满意的网站源码,笔者推荐[92建站网] ...
- CentOS 6.7 源码搭建LNMP架构部署动态网站环境
源码搭建LNMP架构部署动态网站环境 Nginx 简介 Nginx是一款相当优秀的用于部署动态网站的服务程序,Nginx具有不错的稳定性.丰富的功能以及占用较少的系统资源等独特特性. Nginx (& ...
- 教育网站源码搭建的在线教育网站,不同类型各有什么优缺点
在线教育网站搭建已经成为机构争相进军线上的目标,在教育领域中,利用教育网站源码搭建的在线教育网站都有哪些类型,各有什么亮点以及不足之处呢? 一.B2C服务型 B2C服务型是指自主制造高质量内容,类似电 ...
- 怎么使用下载的建站公司网站源码搭建自己的企业网站
网站源码是指未编译的文本代码或一个网站的全部源码文件,每种网站都有属于自己的建站程序,每种建站程序所用到的源码都是不一样的,专业的技术人员看到源码之后就知道这个网站的质量如何了.下面来说说怎么使用下载 ...
最新文章
- gitlab8.2-8.16-8.17-9.0升级
- 图解yolo目标检测如何进行运动估计
- Ubuntu在命令行下不能够切换字母的大小写,只能输入大写字母
- Hive常用运算(关系运算)、逻辑运算与数学运算、数值运算、日期函数、条件函数、字符串函数
- 栈的亚特兰数与二叉树的前序中序遍历序列
- iPhone开发 No IB UITextField 设置圆角
- 关于vue编译版本引入的问题
- 新手学计算机编程怎么入门 从哪学起
- blender风格化草地
- java多线程并发测试工具_【漫画】JAVA并发编程之并发模拟工具
- 浩辰3D软件新手攻略:数据管理功能详解
- BOMAPI和DOMAPI
- 首位文博虚拟宣推官“文夭夭”上岗
- Android常用颜色RGB值以及中英文名称
- PS、Excel快捷键桌面壁纸
- 实现微信小程序与微信生态的互相跳转H5入口
- TM500使用配置总结
- C#|Winform编程之(列表视图控件)listView控件
- 倾斜补偿的电子罗盘(2):磁传感器的误差来源、硬磁干扰的校准(3个参数)、实验验证
- 计算机科学与应用论文,计算机科学与应用毕业论文.doc