多人在线像素涂鸦网页源码node.js项目,100×100的像素格画布,可供多人在线涂鸦,画布内容实时刷新。

仍有不完善的地方:

1.没有限制一分钟内的涂鸦次数,这会导致用户的作品容易被其他人轻易破坏

2.手机端点击像素格会产生偏移,导致涂不到想涂的像素格

3.搭建好之后画布是一片白,没有像素格,需要手动涂满一次

多人在线像素涂鸦网页源码 第5张插图

搭建教程:

1.服务器安装宝塔面板

2.进入 根目录/www/wwwroot,新建一个文件夹,将源码上传至此文件夹并解压

3.新建网站,选择Node项目,安装好Node环境后添加Node项目

4.项目目录选择上传源码的文件夹,包管理器选择npm,端口填3000,我选的Node版本是16.20.2,运行用户www即可,如图3

5.绑定域名,不绑只能通过ip端口访问,绑定域名之后需要申请ssl证书并且强制https

6.申请ssl证书,在node项目列表里找到刚刚的项目,点击项目名称,然后点击ssl,选择Let's Encrypt,一键申请之后保存就行,三个月时效,到期要重新申请

7.安装模块,点击项目名称,选择模块管理,一键安装项目模块,安装好之后即可运行