搭建简单网页,京东云服务器

京东云服务器,云服务器

一、前言

在郭霖大神的带领下,我花了一元钱入手了2个月的京东云主机,也就是个人服务器。

这是我人生第一台服务器,多么值得纪念。。。。。。

入手地址在这里

一直不买的原因也是因为自己的Android水平没有达标,不想去学其他方面的知识而分心。

其实很容易发现这他喵的就是一个不想学习的借口罢了!

更容易发现这明显是没钱买吧!

图片 1

所以趁此机会,入手了2个月服务器来尝鲜。名额有限,说不定已经没有了。。。

购买流程就不说了,服务器系统选择的是Ubuntu 16.04 64位。

接下来的使用状况都是围绕着Ubuntu 16.04 64位展开的。

形势分析

二、登录云主机

郭霖大神推荐了两款软件用于控制服务器 和
上传下载服务器文件:Xshell和Xftp。

但是两款软件都是Windows系统的,没有macOS系统。

如果你是Windows系统的,可移步郭霖大神的搭建教程,相对比较简单。

那么如何在macOS系统下操作服务器呢?

在京东云的帮助中心中,macOS系统的登录方式有两种:一种是VNC登录,一种是SSH密钥登录。

对公司而言,服务器并不是大事。互联网公司都有服务器和机房。但对个人开发者而言,服务器长久以来确是一大难题。但近年,国外亚马逊牵头开始做AWS云服务,并迅速获得极大成功。国内阿里巴巴及时跟进,推出阿里云平台。服务器对个人开发者而言不再是遥不可及,反而变得触手可及。甚至很多企业不再自己搭建服务器,转而使用云服务平台以节省成本。目前国内云服务平台已是百家争鸣,比起早年互联网环境已好很多。除阿里云外,现有京东云、腾讯云、百度云、美团云、网易云等。由此可见,较强实力科技公司当下都极注重云服务平台市场。

VNC登录

VNC登录是京东云为用户提供的一种通过Web浏览器连接服务器的方式。

很简单,就是在京东云的控制台点击远程连接即可。

接着打开了Ubuntu 16.04
64的控制台,需要先进行登录,用户名为root,密码发送到了你的邮箱和手机当中。

图片 2

登录面板

如果想要修改密码,可在控制台-操作 进行修改。修改完成后记得重启生效。

输入完成并正确就登录上了服务器,非常简单。

图片 3

登录成功

不过使用VNC登录的场景很少:

  • 查看云服务的启动进度

  • 无法通过其他登录方式登录时,才使用VNC来登录服务器

所以这种登录方式,体验体验即可,并不实用。

并且它不支持复制粘贴、不支持文件上传,而且是单点登录,使用起来简直是折磨。

分析比较

SSH密钥登录

京东云帮助中心提供了SSH创建和登录教程。

成功设置SSH密钥后,我们就可以不使用VNC登录,直接在Mac的命令行就可以进行服务器的登录。

下面我们来一步一步设置SSH密钥:

什么是SSH密钥?

就我的理解而言,它是一种网络通讯协议,主要用于计算机之间的加密登录。

使用SSH登录的具体流程如下:

图片 4

SSH密钥登录

可以看出一个SSH串要提供给服务器和本机,当SSH串匹配成功后,就可以实现免密登录。

这样的优点就是当登录请求被恶意拦截时,密码也不会泄露。

接下来,我们就要生成SSH密钥,并保存到本机和服务器。

要说一句的是,SSH密钥登录很多地方都有用到,比如GitHub。

如果你的电脑已经有SSH密钥,那么直接使用这个即可。

具体的SSH成功流程可参考GitHub官方教程。

在这里我也简单罗列一下SSH密钥的生成步骤:

1.校验本机是否已经生成SSH密钥:

ls -al ~/.ssh

如果输出了

id_dsa.pub
id_ecdsa.pub
id_ed25519.pub
id_rsa.pub

则代表已经生成过,直接跳过第二步,执行第三步。

2.生成SSH密钥。如果已经生成跳过。

//注意修改最后的E-mail地址
ssh-keygen -t rsa -b 4096 -C "your_email@example.com"

执行完成后,会让输入保存路径,直接按下回车,使用默认路径进行SSH密钥的保存就可以。

接着会提示你输入该SSH的密钥密码,可以为空,直接回车,想设置的同学也可以进行设置。

该SSH密钥密码用于第一次使用SSH时的校验,并可以在SSH密钥的配置文件中关闭SSH密钥密码校验。

更多细节大家可以自己去查阅一些资料。

3.复制SSH密钥。

pbcopy < ~/.ssh/id_rsa.pub

使用该命令后,你的粘贴板内容就会变成SSH密钥。

这次我们要将SSH密钥上传到我们自己的服务器里。

打开京东云的控制板,添加SSH密钥:

图片 5

京东云添加SSH密钥

接着点击完成,Over。

4.测试SSH密钥。
使用SSH密钥登录也非常简单。
打开我们Mac的命令行输入:

ssh user@xxx.xxx.xxx.xxx

user为用户名,我们的用户名为root。@之后为IP地址,比如:

ssh root@116.196.93.148

接着会提示输入用户输入服务器的登录密码,正确后就可以登录成功。

如果失败,建议按照京东云帮助中心教程,走一遍。

京东云相比阿里云而言,价格低,配置高。

三、简单网页搭建

我们先为我们的服务器下载一个服务器,这里使用郭神用的apache2。

apache2是专门用来显示静态网页的服务器程序。

在登录服务器成功后输入下面命令:

sudo apt-get install apache2

接着输入Y完成安装。

之后打开浏览器,输入我们服务器的IP,可以看到下面效果:

图片 6

接着我们来替换这个html文件样式。

它在我们服务器的地址是:/var/www/html/index.html

我们只要自己写一个简单的静态Html文件,然后上传服务器覆盖掉它即可。

这里我们直接拿着郭神的简单html来做示范:

<!Doctype html>
<html>
  <head>
    <title>京东云测试</title>
    <style>
      body{text-align:center}
    </style>
  </head>
  <body>
    <h1>欢迎来到郭霖的京东云主页</h1>
    <p>
      点击
      <a href="http://guolin.tech">这里</a>
      跳转到我的博客
    </p>
  </body>
</html>

将该文件保存为index.html。

接着我们将该文件上传至服务器,这里有一篇mac向服务器上传文件的教程。非常好用。
上传命令:

//注意将yourUsername修改为你的mac用户名
//并且我的文件保存在桌面Desktop。
put /Users/yourUsername/Desktop/index.html /var/www/html

按照上述步骤后,我们成功将index.html上传至服务器并覆盖。
刷新我们的网页,可以看到下面效果:

图片 7

效果

。。。。。。。

图片 1

为什么显示源码!?

因为Mac的记事本以.html结尾时,会将内容格式化成文本,不做代码显示。

解决也很简单,这篇文章。

解决后重新执行上传代码,重新刷新页面,效果如下:

图片 9

效果

。。。。。

这就很气!看来自己不适合做前端啊!

简单查阅后,在head中添加如下代码即可:

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

接着再次执行文件上传,再次刷新页面,效果如下:

图片 10

效果

购买咨询

四、总结

至此,一个非常简单的静态网页的个人博客便搭建完成了!

写出这么个静态网页,带上这篇文章的完成,一共耗时2天,走的弯路没有描述。

其中包括Linux命令行控制、SSH密钥理解等,都是新知识,于我而言还是有很大提升的。

以后如果能用这个服务器,搭建一个动态的个人博客,想必对自己的提升是极大的!

想想还有些小激动呢!

套餐一

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

套餐二

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

套餐三

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

购买过程

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

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

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

使用

相关说明

至此服务器已启动,但还需能操作才可。京东云控制台界面提供有操作云服务器方式,但不太方便。较好操作方式通常借助第三方工具。在此推荐两个工具,Xshell和Xftp。其中Xshell用于远程连接服务器并执行命令;Xftp用于向服务器上传文件或从服务器下载文件。

具体步骤

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

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

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

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

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

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

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

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

搭建网站

相关说明

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

具体步骤

  • 首先安装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默认网页,便可看到如下界面:

延伸

若有域名,可对该IP绑定域名,这样访问网站便不用输入奇怪的IP地址。

总结

对云服务器的强大和便利性上深有体会。不管在什么地方,都可轻而易举地远程操作千里之外云服务器。

发表评论

电子邮件地址不会被公开。 必填项已用*标注