从被锁公司门外,手机都在屋里这一案例,教你使用Nginx反向代理一个手机号静态页面解决困惑

额,昨天(6.10)晚上9点半,收拾收拾东西准备回家了,把眼睛摘掉,出去洗了个脸,回来的时候,门上人脸识别装置一直识别不上去,也是很尴尬,手机都在里面,身上什么东西都没有,怎么办呢,我想找我的借个手机仍是很容易的,可是悲哀的是我没有记下任何人的手机号,这些信息都在个人手机里面javascript

因而乎在这个事情解决以后,我决定作一个网站记录我手机上一些经常使用的手记号,以后我直接访问这个网站就能查看手机号了,也就是说,我只要借到手机,而后就能访问网站找到手机号,那么开始吧java


实现起来,就跟作菜同样,要先准备一些材料node

  • 前提:
    • 要有一个云服务器
    • 要有一个备案的域名
    • 要有CDN解析

首先是在云服务器上安装Nginxnginx

安装:yum install nginx
启动nginx:service nginx start
开机自启:systemctl enable nginx.service

// 而后访问外网网址,就能看到Nginx的启动页面了(如今启动的是80端口,默认端口)
复制代码

个人域名解析是腾讯云解析,在云解析下面的域名添加一个子域名express


上面的完成以后,咱们准备一个有手记号的静态页面npm


将静态页面上传到你的云服务器(个人是Centos7),使用的工具以下,大家也能够用本身的方式,反正传到本身的云服务器上就OK,我是传到了云服务器的根目录下的 cellphones文件夹下的 static文件下bash


文件传上去以后,安装node,启动一个静态代理服务器

  • 设置安装源:curl --silent --location rpm.nodesource.com/setup_11.x | bash -
  • 安装node:yum install -y nodejs
  • 安装好了以后,在 /cellphones目录下安装 Express:npm install express --save
  • 在 /cellphones 下面创建一个 app.js文件用于启动,下面是里面的代码
var express = require('express')
var app = express()
app.use(express.static('static')) // 代理静态文件夹
app.listen(8989, () => console.log('Example app listening on port 8989!'))
复制代码

这些准备好了以后开始配置Nginxapp


配置Nginx反向代理(在 /etc/nginx/conf.d/ 下建一个文件 cellphones.conf而后书写)curl

其中的原理是:cellphones.itzkp.com 在解析的时候,会解析成 ip,也就是默认80端口,而后Nginx80端口 会根据下面的配置,找到 cellphones.itzkp.com对应的具体ip是 8989端口,而后就能访问了

server {
        listen 80;
        server_name cellphones.itzkp.com;

        location / {
         proxy_pass http://140.143.3.244:8989;
         proxy_set_header X-Real-IP $remote_addr;
         proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
         proxy_set_header Host $http_host;
         proxy_set_header X-Nginx-Proxy true;
         proxy_redirect off;
        }
}
复制代码

  • 重启Nginx:nginx -s reload
  • 进入到 /cellphones 目录下,运行 node app.js
  • 访问:cellphones.itzkp.com(这是个示例)

后记:可使用pm2启动node程序,这样更好


固然这样可能仍是不保险,万一之后再丢了怎么办,仍是建个群保险,保险点好

相关文章
相关标签/搜索