写在前面
一直很好奇云服务器(CVM,Cloud Virtual Machine)到底是个什么用法,如何能够把我们写好的页面放在上面展示给别人看,好奇不如行动,于是我买了一个尝尝鲜。这里我主要说买完之后该怎么做,对于小白来说,拿到一部云主机根本无从下手,我也是在别人帮助下完成部署页面的,在这里分享给大家。
具体步骤
1.登录云主机

输入你的账号密码(初始账号密码在你的邮件里有),登录成功如下:

我们的目标仅仅是部署前端页面,所以只需要配置Nginx即可。
2.安装配置nginx
现在很多网站都是使用 nginx当静态文件服务器和反向代理服务器。Nginx是一个网页服务器,它能反向代理HTTP, HTTPS, SMTP, POP3, IMAP的协议链接,以及一个负载均衡器和一个HTTP缓存。
2.1自动安装nginx
在终端输入sudo sudo apt-get update
以确保获取最新的资源,然后键入命令行sudo apt-get install nginx
自动安装。
2.2启动 Nginx 服务。
输入命令:sudo /etc/init.d/nginx start
2.3测试是否运行正常
若服务正常,显示如下:
2.4浏览器测试是否运行正常
在浏览器输入公网ip地址,若服务正常,见如下界面:
3.修改nginx配置文件
在这里补充利用Xshell远程登录服务器和Xftp上传文件的方法。
Xshell下载链接:http://rj.baidu.com/soft/detail/15201.html?ald
Xftp下载链接:http://rj.baidu.com/search/index/?kw=Xftp
下载安装完成后,运行两个软件,在Xshell里新建会话



点击新建文件传输按钮之后,Xftp会自动连接上云服务器,

这样就可以直接把本机上要展示的文件拖动上传到云服务器上了。请接着看以下内容:
在Xshell连接上云主机后,我们进入管理员身份修改配置文件,键入
sudo passwd
输入自己想要设置的密码,密码是不可见的,两次输入要匹配。

然后,键入
su root
输入刚刚设置的密码登陆,

键入命令行vi /etc/nginx/sites-available/default
找到下面这一段

在后面添加
location /myHtml {
index index.html;
root /home/ubuntu;
}
/myHtml是你所要展示页面的文件夹,index.html是你要用于展示的页面,这两个根据自己需求可以更改。按Esc键,再输入:wq
,即可保存并退出。然后输入nginx -s reload
重新加载配置文件。最后打开浏览器,输入http://服务器公网ip/myHtml
,就可以看到自己想要展示出来的网页了。
心得体会
一步步下来终于可以看见网站上展示出自己的页面,甚是激动,对于新手的我来说,买完CVM真不知如何下手,通过网上寻求教程帮助和同学的指点,总算完成部署前端页面了。在这里分享出来,希望能够帮助到大家。第一次撰写文章,如有不足之处或不懂的地方,欢迎批评指正和提问。
网友评论