美文网首页
外网访问你的html网页

外网访问你的html网页

作者: 灰斗儿 | 来源:发表于2018-06-25 19:25 被阅读750次

什么是外网?

外网就是从别的地方,可以访问你电脑里的数据,比如你在北京,别人在上海
内网就是自己访问自己电脑的数据

服务器是啥

就是一个没有显示屏的电脑主机,和好多主机一起被放在一个大仓库里。
这个大仓库有一根网线,可以把所有的主机接入到外网。
自己的电脑也可以通过安装软件,接入到外网,变成服务器。

编写html文件

<html>
  <body>
    hello
  </body>
</html>

直接双击,会在浏览器看的 hello 字样。

购买服务器

一般都是购买服务器,很少有把自己电脑变成服务器的情况。
因为类似阿里云,腾讯云提供的服务器都会对其做一些安全防护,用起来也省心。
这里只说步骤,不上截图

  • 以阿里云为例
  • 访问阿里云官网。
  • 登陆进去
  • 在产品里选择服务器
  • 选择套餐(学习用价格最低的就好,关于系统推荐centos,版本最新就好)
  • 付款
  • 登陆控制台
  • 获取服务器ip地址,登陆密码

ssh 登陆服务器

Mac下启动终端,输入命令

ssh root@33.34.56.90

centos 安装nginx

yum install nginx

为何需要nginx
想象一下,你的服务器就是一个小区,你的这个html文件可能在2号楼2单元201住。
为了保证小区的治安,需要一个看门的(nginx),守住小区大门。
小明别的小区住,想要见html,就派车去接html同学。
当汽车(请求)要进小区的时候的时候,必须接受小区门卫的问话,会问你去哪里,然后在小本本(nginx配置文件)上找找有没有这个地方,有就放行,没有就让他离开
然后汽车到家html文件家,把他接走,出小区(你的服务器),回到了小明身边,把html展示给了小明

html传到服务器上(html同学入住)

通过scp命令拷贝html文件到服务器

scp 本地html路径  root@33.38.39.90

然后可以在服务器根目录发现这个html文件

启动nginx

service nginx

nginx配置文件修改(小本本上要记录html同学住进小区了)

获取配置文件路径

service nginx -t

使用vim 编辑这个配置文件,修改以下部分

location /{
   root /;
   index index.html;
}

英文输入法状态下,输入

:wq

保存配置文件
重启nginx,使得配置文件生效

service nginx -s reload

然后就可以通过在浏览器输入33.38.39.90/html
浏览器会出现hello字样
成功
如果需要使用域名访问,继续往下看

购买域名

阿里云域名购买域名

添加dns解析

dns也是一个主机,也有一个小本子,记着哪个域名对应哪个ip地址
当小明打开浏览器,访问这个域名,会被解析到ip地址进行访问

进入域名控制台
添加A解析
输入你购买的服务器地址
输入端口
保存
添加完成

你现在就可以用浏览器访问
http://你的域名/index.html

浏览器网页上就会出现hello字样了

相关文章

  • 外网访问你的html网页

    什么是外网? 外网就是从别的地方,可以访问你电脑里的数据,比如你在北京,别人在上海内网就是自己访问自己电脑的数据 ...

  • 2018-08-13 tomcat发布与使用

    外网http://47.98.226.232:8080/lixy/dengxl/html/index.html 内...

  • HTML学习日志

    HTML文档表示网页 HTML文档描述网页 HTML 文档包含 HTML 标签和纯文本 HTML 文档也被称为网页...

  • JS基础-1-基本知识点

    网页: 网页 = HTML + CSS + JavaScript HTML:网页元素内容 CSS:控制网页样式 J...

  • 前端(1)

    1.HTML 网页基本页面: 网页标题 网页正文 2.标签: • HTML...

  • web笔记(html+css+js)

    HTMl,CSS,JAVASCRIPT(HTMl书写网页内容,CSS用来修饰网页效果,JS添加网页功能) HTML...

  • 初识HTML

    HTML 网页的内容结构 CSS 网页的视觉结构 JavaScript 网页的交互处理 HTML5.0 HTML5...

  • 浏览器加载机制

    网页是什么 网页=Html+CSS+javascript Html:网页元素内容 css:控制网页样式 javas...

  • 走进JavaScript

    网页是什么 网页 = Html+CSS+JavaScript Html: 网页元素内容 CSS: 控制网页样式 J...

  • HTML1

    网页是什么 网页=html+CSS+JavaScropt html 网页元素内容 css 控制网页样式 JsvsS...

网友评论

      本文标题:外网访问你的html网页

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