云服务器nginx搭建五子棋服务器

服务器nginx搭建五子棋服务器

五子棋源码链接戳我
源码资源戳我
我们在上次搞好了五子棋的服务端和客户端,源码在手,接下来的便是对服务器的配置和调试

创建一个服务器服务器

创建一个服务器,镜像建议改成2022windows server版

搭建服务器

接下来便是搭建服务器阶段,可能比较久

进入服务器

进入到这个服务器控制台里面,刚开始要在里面修改密码(本来是没有的,其实应该叫设置)
看一下它的运行状态,以及有个(公)旁边格式为xx.xxx.xx.xx的ip,这个是公网ip,还有个内网ip,这些ip建议记下来。
随后windows端直接按住win+r输入mstsc
在这里插入图片描述
确定之后会弹出这样的界面,输入你刚才看到的公网ip进去
在这里插入图片描述
然后在输入密码,这样你就可以登进去了!这里是小屏,放大后也是这样的
在这里插入图片描述

搭建服务器环境+配置

打开浏览器(一般是edge)下载nginx最新版(我用的是1.23.1)和node.js(搭建环境),建议再下一个NotePad++用来编辑代码,再通过云盘),把自己的文件夹给拷贝过来(源码请看片头链接),我这里将服务端源码放进gbserver.js里面,客户端源码放进gobang.html里面,接着就是node的模组
(如图所示)
在这里插入图片描述
解压nginx的文件夹,进去目录是这个样子的
在这里插入图片描述
打开conf文件夹,再用NotePad++打开nginx.conf,这里会用到反向代理,具体原理就是当你要访问/wuziqi/这个链接时帮你转换到服务器的上面,这里打开后把代码改成

#user  nobody;
worker_processes  1;

#error_log  logs/error.log;
#error_log  logs/error.log  notice;
#error_log  logs/error.log  info;

#pid        logs/nginx.pid;


events {
    worker_connections  1024;
}

http {
   map $http_upgrade $connection_upgrade {
      default upgrade;
      '' close;
   }
   upstream websocket {
      server 127.0.0.1:7983;
   }
   server {
      listen 80;
      location /wuziqi/ {
         proxy_pass http://websocket;
         proxy_http_version 1.1;
         proxy_set_header Upgrade $http_upgrade;
         proxy_set_header Connection $connection_upgrade;
      }
      location / {
            root   html;
            index  index.html index.htm;
        }

   }
}

其中7983是端口号
随后再讲gobang.html这个文件复制到html这个文件夹里面
在这里插入图片描述
随后将这个代码改一下,讲script引用部分改成https://code.jquery.com/jquery-3.1.1.min.js
在这里插入图片描述
以及大约618行改成
在这里插入图片描述
保存
接着打开nginx文件夹的cmd,输入nginx.exe
在这里插入图片描述
接着再打开五子棋的文件夹,输入node gbserver.js
在这里插入图片描述
这样子就行了
之后我们只要访问http://自己的公网ip/gobang.html就行了,成功是这个样子的
在这里插入图片描述
之后把服务器关上,服务器也还会继续运行的
好了服务器搭建完毕,如果有疑问,可以来下方评论区来问我,谢谢!

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值