腾讯云 Linux 服务器命令行部署 webpack + Express + SocketIO 项目

最新推荐文章于 2023-01-11 15:12:12 发布
最新推荐文章于 2023-01-11 15:12:12 发布
阅读量286 收藏
点赞数
分类专栏： 服务器部署 文章标签： linux npm centos node.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_42072319/article/details/106301611
版权
本文详细记录了在腾讯云Linux(CentOS 7.0)服务器上，通过命令行部署webpack、Express和Socket.IO项目的过程，包括安装最新版Node.js和npm、解决版本不匹配问题、项目上传、依赖安装、打包及后台运行服务的步骤，旨在帮助读者掌握远程服务器部署技巧。
摘要由CSDN通过智能技术生成

腾讯云 Linux 服务器命令行部署 webpack + Express + SocketIO 项目

本学期Web课需要写一个web小游戏，从GitHub上找了一份用 webpack + Express + SocketIO 实现的IO Game的教程，就跟着自己实现了一下。正巧腾讯云服务器现在有学生优惠，索性买了两个月的服务器，打算把项目部署到服务器上。现在部署完成了，记录一下从环境安装到配置的过程以及踩过的坑。

  • Linux 服务器安装Node.js

    博主的的Linux版本是CentOS 7.0，一开始图省事就用yum命令安装的Node.js

    yum install nodejs

    运行一下node命令

    node -v

    版本6.多
    再运行一下npm命令

    npm -v

    版本3.多

    之后配置好环境，部署好项目（具体细节将在下文叙述），运行

    npm run start

    启动失败。报错信息提示为：请确保您的node版本以及npm版本是最新的。如果您确定版本是最新的话，请联系开发者，这个错误不是node的锅（大概英文翻译下）

    我从自己电脑本地跑了一下版本信息，发现本地的Node.js版本为v12.14.1，npm版本为6.13.4

    哦豁，这版本差距还真的挺大的。那没事没办法，只能自己手动安装Node.js了

    之后参考了

最低0.47元/天 解锁文章
qq_42072319
关注
专栏目录
阿里云云服务器部署 Vue+Express+MySQL 项目详细步骤
weixin_44014654的博客
04-28 1423
阿里云-上云就上阿里云 (aliyun.com) 一、连接 （1）修改已经购买的服务器密码：控制台–侧边栏云服务器ECS–实例–管理–实例详情–重置实例密码。 （2）法一：阿里云浏览器窗口远程连接 （3）法二：远程桌面连接（window 自带），输入公网ip，用户名，密码等，注意网络问题（例如用校园网可能会连接失败）。 二、部署项目 1、配置环境与安装工具 跟在自己家一样。以 Vue+Express+Mysql 的项目为例，需要安装 NodeJS、MySQL 项目环境，安装Git 来拉取项目文件（或
angular-socketio-chat:这是Angular中的一个聊天应用程序，带有socket.io库，webpack 4，打字稿和express.js
04-19
聊天应用-Angular＆Socket.io 这是Angular中的一个聊天应用程序，带有socket.io库，webpack 4，打字稿和express.js。 前端本地运行 克隆后，转到根文件夹并运行： npm run install-frontend npm run frontend 后端本地运行 克隆后，转到根文件夹并运行： npm run install-backend npm run backend
幽默讲解linux的Socket IO模型
北雨南萍
02-10 2530
前言 之前有看到用很幽默的方式讲解Windows的socket IO模型， 借用这个故事，讲解下linux的socket IO模型； 老陈有一个在外地工作的女儿，不能经常回来，老陈和她通过信件联系。 他们的信会被邮递员投递到他们小区门口的收发室里。这和Socket模型非常类似。 下面就以老陈接收信件为例讲解linux的 Socket I/O模型。 一、同步阻塞模型 老陈的女儿
腾讯云服务器Ubuntu下LNMY搭建部署工作（一）：通过输入命令行逐一安装熟悉流程
qq_38796548的博客
11-10 493
0.前提 最近开始捣鼓云服务器，借用了一下实验室师兄的腾讯云服务，准备在云服务器CVM（Cloud Virtua Machine）上部署自己的项目，部署项目之前肯定要先装好自己的环境，这里采用典型的LNMP模型，及Linux,Nginx,Mysql,PHP。 1. 安装环境 1.1 登录Linux云服务器。 如何购买云服务器，这种事情就不说了，在阿里云和腾讯云上有很多介绍，本篇文章主要讲如何搭建L...
部署Express项目到腾讯云-详细
zjq_supperman的博客
11-20 4090
步骤 将本地的express项目上传至github； 云服务器上安装git，拉取项目至指定目录 安装node，与本地的版本最好保持一致，避免出现问题 安装nrm管理镜像源 # 全局安装nrm,使用nrm管理镜像 npm install -g nrm # 列出所有镜像 nrm ls #npm ---------- https://registry.npmjs.org/ #yarn --------- https://registry.yarnpkg.com/ #tencent ------ h
Vue+Express+MongoDB项目部署至腾讯云服务器
weixin_43979866的博客
05-31 736
服务器项目部署一、服务器1. 安全组二、代码 前段时间买了腾讯云服务器还有域名，一开始想把自己的个人博客放上去，出于种种原因，一直拖延至今，我就把我的个人操作步骤放置在这里，望大佬能够指点迷津。 一、服务器 我使用的是腾讯云服务器，当时618云聚会买的是95一年的，当然是最垃圾的服务器，作为新手小白给自己练练手。登录腾讯云官网然后右上角的控制台进入云服务器，购买就自己按着步骤去。 1. 安全组 购买成功后通过控制台进去云服务器，里面的实例就是你的服务器的信息了，然后去安全组放通全部的端口，（反正就是自己练练
详解webpack+express多页站点开发
11-29
【webpack+express多页站点开发】的实践是将webpack的高效构建能力与express的服务器端渲染相结合，以创建一个能够处理多个独立页面的Web站点。在单页应用中，webpack通常用于管理和打包JavaScript、CSS以及静态资源...
详解vue+webpack+express中间件接口使用
12-09
webpack 目的：接口的调用 跨域方式： 1、express中间的使用 2、nginx代理 3、谷歌浏览器跨域设置 ——————————————–分割线——————————————— express中间件—不推荐 原理：本地代码请求...
socket/io(1)、Linux的socket编程详解
热门推荐
黄规速博客:学如逆水行舟，不进则退
04-10 34万+
Linux的SOCKET编程详解 1. 网络中进程之间如何通信 进 程通信的概念最初来源于单机系统。由于每个进程都在自己的地址范围内运行，为保证两个相互通信的进 程之间既互不干扰又协调一致工作，操作系统为进程通信提供了相应设施，如 UNIX BSD有：管道（pipe）、命名管道（named pipe）软中断信号（signal） UNIX system V有：消息（mes......
webSocket使用-socket.io包使用
最新发布
m0_65812066的博客
01-11 508
它是一种新的技术, 前后端只要支持这种协议, ==后端可以主动向前端推送内容==其实VueCli脚手架服务器 和 浏览器之间就建立了一个WebSocket通道。才实现的代码一改, 服务器向浏览器主动推送更新的js文件, 页面就自动更新了。Websocket 通过HTTP/1.1 协议的101状态码进行握手。在public文件夹下创建index.js文件。前端对WebSocket封装很好。后端对socket代码也封装好了。项目中使用: 做一个智能客服。
create-react-app+webpack下9093端口远程发送socketio
qq_39047764的博客
06-27 652
1：修改js页内io监听为192，不够；2：修改webpackDevServer.config.js里面的proxy为192  不够   本地是没有问题的,本地远程也可以即时发送接收3：修改webpackDevServer.config.js 中host为0.0.0.0  不够4：修改const host = process.env.HOST || '0.0.0.0';为const host = ...
linux安装socket.io,Socket.IO
weixin_39583222的博客
05-14 680
Socket.IO 实现了实时双向的基于事件的通讯机制。旨在让各种浏览器与移动设备上实现实时app功能，模糊化各种传输机制。Socket.IO 是跨平台，多种连接方式自动切换，做即时通讯方面的开发很方便，而且能和expressjs提供的传统请求方式很好的结合，即可以 在同一个域名，同一个端口提供两种连接方式：request/response, websocket(flashsocket,ajax…...
socketio express配置
weixin_43294560的博客
06-15 823
1、安装 cnpm install socket.io --save 2、服务器端配置 (1)在express创建好应用后 var server = require('http').Server(app); (2)得到io对象 var io = require('socket.io')(server); (3)通过io对象，监听客户端连接，执行回调 io.on('connection', function (socket) { socket.on('监听客户端发送消
.net socket.io客户端使用过程
四点的博客
06-25 4339
背景：最近做了一个项目，需要对接第三方接口，需要使用.net socket.io作为客户端来收发指令。虽说socket.io并不难，但是使用过程中还是遇到一些问题，特此记录一下。 先看socket.io介绍：Socket.io是一个WebSocket库，包括了客户端的js和服务器端的nodejs，它的目标是构建可以在不同浏览器和移动设备上使用的实时应用。它会自动根据浏览器从WebSocket、A...
Socket.io创建连接的参数
SalmonellaVaccine的专栏
08-06 2123
http://www.kazaff.me/2014/03/12/socket-io%E5%88%9B%E5%BB%BA%E8%BF%9E%E6%8E%A5%E7%9A%84%E5%8F%82%E6%95%B0/ 我不想花太多口舌向你推销Socket.io，因为我根本就不够资格，也因为根本就不需要，Socket.io目前在Websocket界中的霸主地位就好比当年的PHP~ 写这
mac上安装webpack报错解决方法Hit error EACCES: permission denied, mkdir '/usr/local/lib/node_modules/webpack
u011046452的博客
03-21 1万+
node-pre-gyp WARN Using needle for node-pre-gyp https download node-pre-gyp WARN Pre-built binaries not installable for fsevents@1.2.7 and node@10.14.1 (node-v64 ABI, unknown) (falling back to sourc...
socketio集群官方文档
刘勇宏的专栏
08-05 5720
粘性负载平衡 如果计划在不同进程或计算机之间分配连接负载，则必须确保与特定会话ID关联的请求连接到发起它们的进程。 这是由于某些传输，如XHR轮询或JSONP轮询依赖于在“套接字”的生命周期内触发多个请求。未能启用粘性平衡将导致可怕的： WebSocket握手期间出错：意外的响应代码：400 这意味着升级请求被发送到不知道给定套接字ID的节点，因此发送HTTP 400...
腾讯云服务器，ip的问题及nginx配置了https，socketio不能用
yyangcr的博客
12-10 740
记一次腾讯云服务器，ip的问题及nginx配置了https，socketio与java不能链接，报ssl错 如果是腾讯云服务器，网卡里没有公网的网卡，绑定的地址可以填写0.0.0.0就可以的。 nginx配置了https之后socketio连接不上，需要在配置文件里加 location /socket.io/ { proxy_pass http://127.0.0.1:socket端口号; proxy_http_versio...
Vue+Webpack+Express接口调用详解
"详解vue+webpack+express中间件接口使用" 在现代前端开发中，Vue.js结合Webpack构建应用已成为常见的选择，而与后端交互时，接口调用是必不可少的环节。本教程主要讲解如何在Vue.js项目中利用Express中间件进行...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值