用express搭建一个小游戏服务器环境

小游戏主题部分采用到的js库为:jquery,因为涉及到比较多的dom操作。主要做法为:html+css+js。主要文件夹为index.html和paoku,paoku文件夹里有images js css
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

涉及到请求接口,所以需要搭建一个服务器环境,详细操作文档
一、步骤
1、npm install -g express
2、npm install -g express-generator
3、express helloworld
4、cd helloworld
5、npm install
6、npm start

然后新创建的helloworld就已经运行在3000端口上,访问http://localhost:3000/就看到熟悉的页面了

二、修改文件拓展名,详细操作文档
1、修改 app.js 文件,及修改引擎设置文件

var ejs = require('ejs');
app.engine('html',ejs.__express);
app.set('view engine', 'html');

2、设置具体的 运行文件 .ejs 后缀全部更改为 .html 后缀。

三、将小游戏文件放到项目里,保持index.html与所引入的图片样式js相对目录不变
将小游戏 index.html 放到 helloworld\views 目录里
将小游戏 paoku 放到 helloworld\public 目录里

四、用axios请求接口,在query.js做一些axios配置

在这里插入图片描述

五、由于接口域名处理跨域,访问时需要将localhost改为192.168.5.112 端口改为8080
在这里插入图片描述

六、重新运行环境
http://192.168.5.112:8080/
游戏页面出来了,接口也能跑通
在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/qq_26642611/article/details/113736416
今日推荐