ubuntu云服务器怎么部署前端页面,云服务器

作者: 澳门金莎娱乐网站  发布:2019-08-22

套餐三

配置:CPU 1核 内存2GB
时长:1年
价格:188元

1.登录云主机

图片 1

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

图片 2

登录成功

我们的目标仅仅是部署前端页面,所以只需要配置Nginx即可。

套餐一

配置:CPU 1核 内存2GB
时长:2个月
价格:1元

心得体会

一步步下来终于可以看见网站上展示出自己的页面,甚是激动,对于新手的我来说,买完CVM真不知如何下手,通过网上寻求教程帮助和同学的指点,总算完成部署前端页面了。在这里分享出来,希望能够帮助到大家。第一次撰写文章,如有不足之处或不懂的地方,欢迎批评指正和提问。

形势分析

具体步骤

相关说明

服务器程序需开发者自己开发,语言分类较多,例如Java、.Net、PHP等都可用于开发服务器程序,在此不做过多介绍。但为演示,会搭建一个非常简易网站。因要求网站尽可能简单,故不用编程语言,单做一个静态网页便可。

写在前面

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

具体步骤

  • 安装好上述两软件,首先打开Xshell。界面如下:

  • 目前暂无任何服务器配置,现在点击新建进行配置。如图所示。服务器名称可随便填写,协议选SSH,主机须填写京东云控制台界面所显示公网IP地址,端口号须为22。点击确定完成配置。

  • 现已配置好一台服务器,选中该服务器并点击连接即可。如图所示:

  • 连接过程提示SSH安全警告对话框,选择接受并保存,以后连接便无需重复输入。如图所示:

  • 接下来提示输入用户名,必须输入root。如图所示:

  • 下一步提示输入云服务器密码,若没修改密码,用手机短信或邮箱收到的初始密码即可;若已修改密码,则用所设新密码。如图所示:

  • 设置好后,便可成功连接云服务器。如图所示:

  • 至此便可以root用户身份成功登录该云服务器,对该云服务器存在100%控制权。接下来便可做任何事情,比如部署服务器程序等。该云服务器是具备完整功能的Linux服务器,支持所有Linux命令。比如最常用cd、ls等命令。下面先cd到服务器根目录,然后ls,观察目录结构。如图所示。

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测试是否运行正常

若服务正常,显示如下:

图片 3

每台机器不一定一样,但大致信息相同

2.4浏览器测试是否运行正常

在浏览器输入公网ip地址,若服务正常,见如下界面:

图片 4

购买过程

  • 复制上方任一个购买链接到电脑浏览器,跳转京东云登录界面。如图所示。直接使用京东账号登录即可。

  • 登录后,若账号无实名认证则需实名认证,此步根据提示操作即可;若已实名认证,便可直接购买。如图所示。这里选择ubuntu 16.04的镜像,这是目前最流行Linux操作系统,因服务器相关基本都使用Linux系统。当然,也可选择Windows Server或其它。但在此所有演示都将使用ubuntu系统来演示。

  • 支付成功会自动跳转京东云控制台界面,如图所示。显示有服务器IP地址、状态、配置等信息。ubuntu系统服务器初始帐号为root,初始密码发送至手机和邮箱。也可点击更多按钮来重置密码。(重置密码后需重启服务器)

3.修改nginx配置文件

在这里补充利用Xshell远程登录服务器和Xftp上传文件的方法。
Xshell下载链接:http://rj.baidu.com/soft/detail/15201.html?ald
Xftp下载链接:http://rj.baidu.com/search/index/?kw=Xftp

下载安装完成后,运行两个软件,在Xshell里新建会话

图片 5

图片 6

图片 7

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

图片 8

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

图片 9

设置成功

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

图片 10

成功进入管理员身份

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

图片 11

这是我已经添加好的

在后面添加

location /myHtml {
                index index.html;
                root /home/ubuntu;
        }

/myHtml是你所要展示页面的文件夹,index.html是你要用于展示的页面,这两个根据自己需求可以更改。按Esc键,再输入:wq,即可保存并退出。然后输入nginx -s reload重新加载配置文件。最后打开浏览器,输入http://服务器公网ip/myHtml,就可以看到自己想要展示出来的网页了。

套餐二

配置:CPU 1核 内存2GB
时长:6个月
价格:99元

具体步骤

  • 首先安装apache服务器,它是一个专门用来显示静态网页的服务器程序。ubuntu系统上安装程序非常简单,只需输入apt-get install命令,再加需安装程序名即可。例如输入apt-get install apache2,如图所示:

  • 输入Y并点击回车确认安装。apache服务器安装完成后会自动启动,现在便可在浏览器输入京东云服务器IP地址来查看效果。如图所示:

  • 上方所示页面为一个apache服务器默认页面,看到这个页面便说明服务器已启动成功。接下来可编写一个网页替换当前默认页面。编写网页需用HTML,编写网页样式需用CSS。这些同为前端开发工程师必备技能。在此写一个最基础网页,代码简单易懂。如下所示。将该段代码保存为index.html文件,然后只需将云服务器上的/var/www/html/index.html文件替换掉就便可。

<!Doctype html>
<html>
  <head>
    <title>京东云测试</title>
    <style>
      body{text-align:center}
    </style>
  </head>
  <body>
    <h1>欢迎来到xxx的京东云主页</h1>
    <p>
      点击
      <a href="http://blog.csdn.net/zsp_android_com">这里</a>
      跳转到我的博客
    </p>
  </body>
</html>
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 如何将刚刚所写index.html文件上传到云服务器呢?此刻需借助刚才所介绍工具Xftp。Xftp配置和Xshell基本一模一样,只需注意协议部分须选SFTP。如图所示:

  • 配置完成后便可连接服务器,连接成功后界面如图所示。界面分两部分,左边部分为本机目录;右边部分为所连接云服务器目录。如图所示:

  • 现将云服务器目录切换到/var/www/html下,然后右击刚才所写index.html文件,点击传输,便可把文件上传服务器指定目录下。如图所示:

  • 文件替换成功,至此所有任务完成。现只需刷新刚才apache默认网页,便可看到如下界面:

使用

本文由金沙澳门官网发布于澳门金莎娱乐网站,转载请注明出处:ubuntu云服务器怎么部署前端页面,云服务器

关键词: 金沙澳门官网