美文网首页首页投稿(暂停使用,暂停投稿)让前端飞
新购腾讯Linux ubuntu云服务器怎么部署前端页面?

新购腾讯Linux ubuntu云服务器怎么部署前端页面?

作者: fee_pg | 来源:发表于2017-12-18 00:09 被阅读0次

写在前面

一直很好奇云服务器(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真不知如何下手,通过网上寻求教程帮助和同学的指点,总算完成部署前端页面了。在这里分享出来,希望能够帮助到大家。第一次撰写文章,如有不足之处或不懂的地方,欢迎批评指正和提问。

相关文章

网友评论

    本文标题:新购腾讯Linux ubuntu云服务器怎么部署前端页面?

    本文链接:https://www.haomeiwen.com/subject/vxwuwxtx.html