云服务器建站教程——Apache和IIS搭建WordPress和其他Web项目

介绍

这篇文章主要介绍用云服务器建站的一些方法和技巧,还有关于一些云服务器网站搭建的知识。主要是用Apache搭建Wordpress,还有IIS一边搭建Wordpress一边部署Web项目(有疑问见2.0 简述)。我自己好不容易弄懂了一些,怕乱了忘了,赶紧写一篇文章加深印象。还可以教一下还没弄懂的同学。
本人小白一个,写这篇文章纯属给自己捋捋思路,帮助一下需要帮助的同学们。如果有错误还请大佬们指出批评。

注意:第一部分是第二部分的基础,第一部分用到的工具第二部分也会用到。

1. 使用Apache搭建WordPress

1.0 简述

我用到了下面这些玩意儿:

  • 腾讯云学生服务器(10元每月)+ Windows Server 2012 R2中文版
  • WordPress
  • Xampp
  • FileZilla(传文件用)
  • 域名(可选)

1.1 开始

所谓云服务器其实就是一个虚拟的电脑,而且24小时你不让它关它就一直开着的敬业机器。
我用的是腾讯云的云+校园活动中10元每月的云服务器,真的便宜。但是只可以买一次续费两次,依次最多买一年120元,最多就买三年360块,很划算了,360大洋平常也只能买几个月吧。
传送门:腾讯 云+校园

另外阿里云也有类似的活动,不过需要大学生,腾讯云是个学生都行。阿里云可以续费到大学毕业。按需要选吧。
传送门:阿里云 云翼计划

这里以腾讯云服务器为例,购买就不用说了,关于里面系统的选择,我选的是Windows Server 2012,Linux不会用嘻嘻。买完到这里看地址和密码:
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
账号密码公网IP记在小本本上呀。嫌密码麻烦可以改的。然后我们得连上这个小玩意儿,不用安装其他什么工具,Win键(不懂什么是win键就百度)…呃…Win键 + R 或者 开始-运行,打入mstsc。确定。
在这里插入图片描述
输入公网IP,连接!
在这里插入图片描述
然后肯定要输账号密码的,这里我不截图了简单死了,输一下账号密码连接就是了(懒…)。
连上啦:
在这里插入图片描述
然后安装一下FileZilla,用于你的电脑和云服务器之间的文件传输,具体方法百度一下你就知道。注意一个服务端一个电脑端不要搞混了,服务器上面自带主机端的FileZilla,我也不知道为什么鸭。。。

安装Xampp,这玩意儿是一个集成软件包,对我们wordpress的部署有很大的帮助。地址:https://www.apachefriends.org/index.html
建议在自己电脑上下载好安装包然后FileZilla传到服务器安装,安装过程很简单,下一步下一步就行啦。注意选插件那里,filezilla刚刚安装了就不要了,Tomcat也可以不用
在这里插入图片描述
安装完打开安装目录,xampp-control.exe,启动!
在这里插入图片描述
刚进去这里是俩红红的叉叉,分别点一下,然后点个确定,把这两个模块安装一下。顺便解释一下这俩东西:

  • Apache是用来部署web服务器建站的工具,好像自带并没有可视化界面,改什么参数都要改代码,简单点说就是让一台电脑具备开网站的功能,(服务器只是一种…24小时运转的电脑而已,不要理解成特殊的电脑,你的电脑也能搭建网站,但是…想想也懂吧…)。Apache跟IIS是同一种东西,后面会讲如何用IIS搭建Wordpress,先不扯这么多,对于搭建Wordpress还是Apache简单一点点,特别是跟着这个Xampp。
  • MySQL是数据库,Wordpress好像都用它,这个自带了一个phpMyAdmin的可视化界面,不用打代码看数据库了,后面讲,知道是个数据库就行。

在这里插入图片描述
上面那个图是已经启动了的,懒得再截了嘻嘻嘻。分别按这两个启动。
在这里插入图片描述
该下载一下Wordpress了,搁着半天就是为它搭建个环境鸭…
wordpress中文下载官网:https://cn.wordpress.org/download/
(所以这个 无价而且免费 到底是个什么鬼…)
在这里插入图片描述
同样下载完传给服务器,或者服务器直接下随便啦。
下载完,一个解压包摆在面前,愣着干啥,解压啊。服务器自带7-Zip,解压后有一个wordpress文件夹,先放着,打开xampp安装目录底下的htdocs文件夹,这是现在这个项目的主文件夹。

什么是主文件夹?
很好解释,大家经常看到的网页地址是不是都是这样:
http://www.aaa.com/1234.html
其中,www.aaa.com是它的域名(域名就是服务器的一个名字,让你访问网站不用输入一串公网IP,域名在各大平台都能买到,不过需要备案,具体信息百度)
这个1234.html是一个网页文件,它就位于这个主目录下。
http://www.aaa.com/aaa/1234.html
也很好理解,在主目录下有一个名叫aaa的文件夹,文件夹里面有个1234.html
如果URL是这样:
http://www.aaa.com/aaa,没有指定网页文件,但是依然能显示网页,这是因为这个目录设定了默认文档。后面会讲啦不扯太多。

里面会有一堆预置的欢迎界面,全删了,没有用的相信我,除非你想欣赏它的欢迎界面。要欣赏的话浏览器打开地址栏输入http://localhost应该能欣赏到,欣赏完了?删吧咱要干大事。
在这里插入图片描述
删掉之后,打开前面那个wordpress文件夹,发现里面有几个文件夹和好多文件,全部复制或者剪切到htdocs文件夹下(不是把wordpress文件夹复制进来,要把文件夹下所有文件复制进来)
在这里插入图片描述
不要以为完了,还要数据库呢。数据库更简单,打开刚刚这个xampp-control.exe,上面的MySQL应该处于开启状态,Admin键是亮着的。啥子?关了?我有说关嘛哼哼哼…开起来开起来。然后点Admin按钮。
在这里插入图片描述
然后它会打开浏览器,蹦出PHPMyAdmin的界面。
点这里新建个数据库。
在这里插入图片描述
名字输wordpress,第二个排序方式默认,然后点创建。
在这里插入图片描述
这就好了。
在这里插入图片描述
然后在浏览器地址栏输入http://localhost就能看见Wordpress的安装界面
注意!第一次点进来是要让你输入MySQL的账号密码的,账号是root,密码留空!我后面为了截图删了数据库再了建一个,但是还是没有那一步。。要注意一下。

然后这里就很随意了hhh
在这里插入图片描述
标题自己输,用户名自己输。密码最好让它显示“强”,这个界面要放到公网的,虽然不指望有谁特地来破你这个网站,但是这个防人之心不可无是吧。设置强一点有好处,忘记了可以删库重建,但东西就没了。但肯定是有方法的,百度一下大家都知道。电子邮件填就是了,最后那个勾勾自己看着办啦。
在这里插入图片描述
点安装Wordpress,过几秒,搞定。点登录输账号密码,完事。
在这里插入图片描述
等等还没完,这个localhost是咱本地的url,咱的网站要扔到公网挂着的,不然买这服务器干啥。登录进Wordpress后。如图操作一波
在这里插入图片描述
在这里插入图片描述
都填上你的公网IP,啥?公网IP是啥?我让你记小本本上的鸭!哼哼哼…可以再去翻看腾讯云的站内信。
如果有域名的话,把域名解析到服务器后,备好案,确定能用以后,这里就不是输入公网IP而是你的域名啦。

然后滑到页面底部~
在这里插入图片描述
不要忘了呀!
点保存后会跳转重新登录,这时候你的网站就搞定啦!!
你可以在网站上写教程,不过没多少人会来看,我就会把我这篇文章放到我的网站上,给自己看也是不错啊。另外除了博客还能用Wordpress做一些别的网站的呢。

如果要在公网上挂自己做的网站项目,也可以用Apache,只不过相对初学者麻烦了一点点,Apache在其他方面还是很突出的。但是这篇文章还要介绍一下用ISS同时部署Wordpress和自己的其他项目。(也可以部署好几个项目的呢)
来看看。

2. 使用IIS同时部署WordPress和其他Web项目

2.0 简述

IIS(Internet Information Services)互联网信息服务,是微软的产品,是一种Web服务组件,跟Apache一个性质。不能与Apache同时使用一个端口(一般这种东西都是不能共用端口的)。IIS有一目了然的界面,Apache需要改代码才能实现设置的更改。对于初学者来说,使用IIS是再好不过的选择,但是IIS在稳定性、拓展性各方面都不如Apache,这里找到了一篇文章,关于二者对比的,大家可以参阅一下:https://blog.csdn.net/u014326381/article/details/25249405

  • 这些Questions and Answers能帮你理解一些东西。
  • 问题来了,我Apache + Wordpress开的好好的为什么还要搞个IIS?
    如果你单单是开Wordpress,Apache就能满足你的要求。如果你想一边搞 Wordpress记录学习笔记,一边部署自己开发的Web项目,就要用到IIS了。其实Apache也行,麻烦些。
  • 还有一个问题,为什么二者不能同时运行?Apache开Wordpress,IIS部署Web项目不是很好?
    Apache和IIS不能共用80端口,80端口是国内默认的端口,如果同时使用,端口要错开才行,但是在url后面多个:8080(指定端口的)什么的不爽(80端口不用指定)。想这样有一个http://aaa.com/wordpress然后再一个http://aaa.com/SomeWebProject多好,两个空间互不干扰。你不介意加端口的话也行,按下面步骤也可以做到。

使用的玩意儿:

  • 腾讯云学生服务器(10元每月)+ Windows Server 2012 R2中文版
  • WordPress(前文放在xampp的htdocs文件夹下的,没进行过前文操作的见上面的下载安装Wordpress的操作,下载好解压放在一个文件夹就行)
  • FileZilla(传文件用)
  • 域名(可选)
  • IIS 8
  • xampp(咱还是要phpMyAdmin的啊,没装的见前文)

2.1 开始

2.1.1 安装IIS

不安装怎么用啊。由于IIS是微软的,我们用的是Windows,这样一来步骤就简单了不少,看图。
打开服务器管理器。
在这里插入图片描述
添加程序与功能。
在这里插入图片描述
下一步
在这里插入图片描述
再下一步。
在这里插入图片描述
下一步。(好水啊)
在这里插入图片描述
然后这里重点。看到Web服务器这个,勾上,然后打开应用程序开发,勾上CGI,其他默认就行。下一步。
在这里插入图片描述
这里默认就行,下一步。
在这里插入图片描述
这里我安装过了,所以只好随便选一个好截图,不要在意那些,直接点安装就行。
在这里插入图片描述
然后开始安装,等个一二分钟吧。

2.1.2 IIS部署WordPress

点这个开始。
在这里插入图片描述
管理工具
在这里插入图片描述
IIS,启动!
在这里插入图片描述
如果跳出这个,直接关了,没啥用。
在这里插入图片描述
点一下左边一栏那个一串数字的东东,打开主页。然后双击右边的处理程序映射
在这里插入图片描述
添加模块映射。
在这里插入图片描述
这样填,模块那个下拉列表选择,没看到的话是因为没装CGI,装了还是没有尝试重启。
在这里插入图片描述
后面那个可执行文件点一下那三个点,然后如图按顺序操作。
在这里插入图片描述
名称随便填,建议直观一点,就Wordpress吧。确定搞定。
在这里插入图片描述
点一下这个小箭头
在这里插入图片描述
添加
在这里插入图片描述
接下来。看图操作。
在这里插入图片描述
点确定后网站启动,如果出现端口被占用的情况,打开任务管理器(右键下方任务栏-任务管理器),终止Apache进程,如果还是被占用或者Apache就没运行还占用的话,就是有其他应用占用了80端口。百度“80端口被占用”寻找解决方案,这里不多说。(一定要 勤!百!度!不!会!就!百!度!

现在邮件刚才创建的网站,添加虚拟目录。
在这里插入图片描述
这里物理路径要选择Wordpress的位置。
在这里插入图片描述
然后设置一下“默认文档”不然打不开呀。
双击。
在这里插入图片描述
右边操作栏,添加
在这里插入图片描述
如图。
在这里插入图片描述
上移下移 移到第一位。这样一打开网页下的目录,就会首先寻找index.php,不存在就一个一个找到最后,Wordpress是php项目,排在第一个更快。如果你的项目是别的格式,可以单独在网站下文件夹设置默认文档。
在这里插入图片描述
PS:如果没有进行第一部分的操作,没有配置数据库的,要把xampp目录下phpMyAdmin按虚拟目录的格式放到网站下,然后打开http://xxx.xxx.xxx.xxx/phpmyadmin 前面是你的公网IP,然后按第一部分数据库部分的步骤配置一个数据库,配置完可以把虚拟目录移除。
现在访问一下http://xxx.xxx.xxx.xxx/wordpess,就可以看到你的Wordpress啦

把自己的Web项目放到网站的物理路径里面,给这个项目一个文件夹,比如我建了一个test文件夹,里面假装是我的项目,(就是一个html文件),并且把页命名加入到test文件夹的默认文档放在第一位,只要访问http://xxx.xxx.xxx.xxx/test就可以看到啦。

建议设计一个首页放到网站的根目录下,像我这样。
在这里插入图片描述
设计一个html界面,搞几个链接按钮链接到你网站的各部分,像我这样。(好丑啊)
在这里插入图片描述
至此,你的建站基本上就完成了!可以专心致志地研究你的Wordpress和web项目啦!

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值