关于全栈项目【臻美Chat】https访问 遇到的问题【技术栈：Nodejs】

r囧r小猫 2021-10-01 07:50 373阅读 0赞

首先我上线时可以http访问也可以https访问，那么配置如下：
nginx.conf

  1. user root;
  2. worker_processes auto;
  3. error_log /var/log/nginx/error.log;
  4. pid /run/nginx.pid;
  6. # Load dynamic modules. See /usr/share/nginx/README.dynamic.
  7. include /usr/share/nginx/modules/*.conf;
  9. events {
  10.     worker_connections 1024;
  11. }
  13. http {
  14.     log_format  main  '$remote_addr - $remote_user [$time_local] "$request" '
  15.                       '$status $body_bytes_sent "$http_referer" '
  16.                       '"$http_user_agent" "$http_x_forwarded_for"';
  18.     access_log  /var/log/nginx/access.log  main;
  20.     sendfile            on;
  21.     tcp_nopush          on;
  22.     tcp_nodelay         on;
  23.     keepalive_timeout   65;
  24.     types_hash_max_size 2048;
  26.     include             /etc/nginx/mime.types;
  27.     default_type        application/octet-stream;
  29.     # Load modular configuration files from the /etc/nginx/conf.d directory.
  30.     # See http://nginx.org/en/docs/ngx_core_module.html#include
  31.     # for more information.
  32.     include /etc/nginx/conf.d/*.conf;
  33.     server {
  34.         listen       80 default_server;
  35.         listen       [::]:80 default_server;
  36.         listen 443 ssl ;
  37.         server_name  '域名';
  38.         #ssl on; 
  39.         ssl_certificate cert/1_www.maomin.club_bundle.crt;
  41.         ssl_certificate_key cert/2_www.maomin.club.key;
  43.         ssl_session_timeout 5m;
  44.         ssl_ciphers ECDHE-RSA-AES128-GCM-SHA256:ECDHE:ECDH:AES:HIGH:!NULL:!aNULL:!MD5:!ADH:!RC4;
  45.         ssl_protocols TLSv1 TLSv1.1 TLSv1.2;
  46.         ssl_prefer_server_ciphers on;
  47.         # Load configuration files for the default server block.
  48.         include /etc/nginx/default.d/*.conf;
  49.         location / {
  50.            root /root/www/;
  51.           index index.html index.htm;
  52.         }
  53.         location /chat3/ {
  54.         proxy_pass https://你的外网ip:3003/;
  55.         proxy_redirect off;
  56.         proxy_http_version 1.1;
  57.         proxy_set_header Upgrade $http_upgrade;
  58.         proxy_set_header Connection "upgrade";
  59.         }
  60.         location /chat/ {
  61.         proxy_pass https://你的外网ip:5000/;
  62.         proxy_redirect off;
  63.         proxy_http_version 1.1;
  64.         proxy_set_header Upgrade $http_upgrade;
  65.         proxy_set_header Connection "upgrade";
  66.         }
  67.         location /mes/ {
  68.         proxy_pass http://你的外网ip:3011/;
  69.         proxy_redirect off;
  70.         proxy_set_header Host $host;
  71.         proxy_set_header X-Real-IP $remote_addr;
  72.         proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
  73.         }
  74.         location /upload/ {
  75.         proxy_pass http://172.16.0.4:8083/;
  76.         proxy_redirect off;
  77.         proxy_set_header Host $host;
  78.         proxy_set_header X-Real-IP $remote_addr;
  79.         proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
  80.         }
  81.         error_page 404 /404.html;
  82.             location = /40x.html {
  83.         }
  84.         error_page 500 502 503 504 /50x.html;
  85.             location = /50x.html {
  86.         }
  87.       }

以上是nginx.conf的配置。一般配置https都会这样配置，但是如果你想http也可以访问那么加上以下代码

  1. listen       80 default_server;
  2.         listen       [::]:80 default_server;

这里注意的是，需要注释

  1. #ssl on;

这样才能两者都可以访问。

还有在配置nginx.conf，需要注意

  1. location /chat/ {
  2.         proxy_pass https://你的外网ip:5000/;
  3.         proxy_redirect off;
  4.         proxy_http_version 1.1;
  5.         proxy_set_header Upgrade $http_upgrade;
  6.         proxy_set_header Connection "upgrade";
  7.         }

这处至关重要，我用了3天才解决https访问问题，就是因为这处。所以当你使用node的https服务的时候，不妨根据我上面那段代码。proxy_pass https://你的外网ip:5000/;这里是关键。

然后呢，我使用的是node服务端，因为要使用https访问，所以要引入https服务。
以下是我的项目实例：
nodejs

  1. var https = require('https');
  2. var fs=require("fs");
  3. var express = require('express');
  4. var ws=require("socket.io");
  5. var path=require("path");
  6. var _ = require('underscore');
  7. var usocket = [];
  8. var usocket1 = [];
  9. var pass=[];
  10. var data=[];
  11. var hashName = { };
  12. var onlineCount = 0;
  13. var app = express();
  14. app.all("*", function (req, res, next) { 
  15.     //设置允许跨域的域名，*代表允许任意域名跨域
  16.     res.header("Access-Control-Allow-Origin", "*");
  17.     //允许的header类型
  18.     res.header("Access-Control-Allow-Headers", "content-type");
  19.     //跨域允许的请求方式 
  20.     res.header("Access-Control-Allow-Methods", "DELETE,PUT,POST,GET,OPTIONS");
  21.     if (req.method.toLowerCase() == 'options')
  22.         res.send(200); //让options尝试请求快速结束
  23.     else
  24.         next();
  25. })
  26. //你的证书
  27. var options = { 
  28.     key: fs.readFileSync('./2_www.maomin.club.key'),
  29.     cert: fs.readFileSync('./1_www.maomin.club_bundle.crt')
  30. }
  31. // 静态文件识别
  32. app.use(express.static('./public'));
  33. var server = https.createServer(options,app)
  34. function get_file_content(filepath) { 
  35.     return fs.readFileSync(filepath);
  36. }
  37. // 获取在线
  38. function broadcast() { 
  39.     io.sockets.emit("dataval", hashName);
  40. }
  41. // 提供私有socket
  42. function privateSocket(toId) { 
  43.     return (_.findWhere(io.sockets.sockets, { 
  44.         id: toId
  45.     }));
  46. }
  47. // 封装删除
  48. function removeByValue(arr, val) { 
  49.     for (var i = 0; i < arr.length; i++) { 
  50.         if (arr[i] == val) { 
  51.             arr.splice(i, 1);
  52.             break;
  53.         }
  54.     }
  55. }
  56. // 连接socket
  57. var io=ws(server);
  58. io.on("connection",function(socket){ 
  59. // 写入成功后读取测试
  60. fs.readFile('./user.xls', 'utf-8', function (err, data) { 
  61.     if(data!=null){ 
  62.     var value = data.split('\n');
  63.      io.sockets.emit("users", value);    
  64.     }
  66. });
  67. // 写入成功后读取测试
  68. fs.readFile('./password.xls', 'utf-8', function (err,data) { 
  69.     if(data!=null){ 
  70.     var pass1=data.split('\n');
  71.     io.sockets.emit("pass", pass1);
  72.     }
  73. });
  74.     broadcast();
  75. // 生成名字
  76. socket.on('setName', function (data) { 
  77.     var name = data;
  78.     hashName[name] = socket.id;
  79.     // console.log(hashName[name]);
  80.     broadcast();
  81. });
  82. // 私聊发送
  83. socket.on('sayTo', function (data) { 
  84.     var toName = data.to;
  85.     var toId;
  86.     console.log(toName);
  87.     if (toId = hashName[toName]) { 
  88.         privateSocket(toId).emit('message1', data);
  89.     }
  90. });
  91. // 群发
  92. socket.on("message",function(mes){ 
  93.         // console.log(mes);
  94.         io.emit("message", mes);
  95.     });
  96. // 离开
  97. socket.on('disconnect', function (name) { 
  98.          io.emit('disconnected', --onlineCount);
  99.          name=this.i2;
  100.          io.emit("disconnect", name);
  101.          removeByValue(data, name);
  102.          io.sockets.emit("dataval", data);
  103.     })
  104. // 在线
  105. socket.on('time', function (val) { 
  106.         // console.log(val);
  107.    })
  108. // 注册
  109. socket.on("reg", function (name) { 
  110.           usocket[name] = socket;
  111.           this.i1=name;
  112.           io.emit("reg", name);
  113.           var myname =this.i1+"\n";
  114.           fs.writeFile('./user.xls', myname, { 
  115.               'flag': 'a'
  116.           }, function (err) { 
  117.               if (err) { 
  118.                   throw err;
  119.               }
  120.               // 写入成功后读取测试
  121.               fs.readFile('./user.xls', 'utf-8', function (err,data) { 
  122.                   if (err) { 
  123.                       throw err;
  124.                   }
  125.               });
  126.           });
  127.     })
  128. // 加入
  129. io.emit('connected', ++onlineCount);
  130.     // console.log(data);
  131.     io.sockets.emit("array", data);
  132.     socket.on("join", function (name) { 
  133.         usocket1[name] = socket;
  134.         this.i2 = name;
  135.         io.emit("join", name);
  136.         data.push(name);
  137.          io.sockets.emit("dataval", data);
  138.     })
  139. // 密码
  140. socket.on("pass",function(val){ 
  141.         pass[val]=socket;
  142.         this.i2=val;
  143.         io.emit("pass", val);
  144.         var password=this.i2+"\n";
  145.          fs.writeFile('./password.xls', password, { 
  146.               'flag': 'a'
  147.           }, function (err) { 
  148.               if (err) { 
  149.                   throw err;
  150.               }
  151.           });
  152.     })
  153. });
  154. server.listen(5000)
  155. console.log("服务器运行中");

最后呢，你需要在前台js中修改如下：
index.js

  1. var socket = io.connect("https://域名:5000/");

这样你就可以使用https访问了。
在这里插入图片描述

发表评论

表情：
评论列表 （有 0 条评论，373人围观）

还没有评论，来说两句吧...

相关阅读

    相关 全栈看到的技术债务

    “软件和大教堂类似，都是先构建，然后祈祷”。————Earl Everett 关于技术债务的讨论时而蔓延时而消退，技术债务仿佛是个筐，什么东西都可以往里装，然而当我们

    蔚落蔚落/ 0 赞/ 259 阅读

    相关 项目技术栈

    首先很感谢公司给我时间弥补知识上的不足，这段时间对整个项目有了大概一个理解   整个项目基于vue-cli、webpack、nodejs构建的目录结构   整个项目流程

    男娘i男娘i/ 0 赞/ 307 阅读