项目前端结合node部署

购买域名与服务器

购买域名: 阿里云 腾讯云等网站   注意域名如果是大陆的服务器需要备案

购买服务器: 

 

购买后可进行远程连接 也可在xshell面板进行操作  操作命令 ssh root@ip地址

 

注意 linux 常见命令  ls  获取列表文件 pwd 当前的文件夹  cd 改变路径 cd ~ 进入个人文件夹

exit 退出 ll是获取某文件夹的所有文件  mkdir 创建文件夹

域名解析

 

 

 

把服务器的ip地址映射到对应的域名 后期可通过域名访问 本质上是访问IP地址  

注意域名解析中 A记录代表指向的是IP地址  CNAME代表指向另一个域名

Nginx安装与配置(web服务器)

公网云服务器开启的状态下在面板中 先apt update 更新软件包后再使用 apt show nginx 查看是否有nginx数据   接着 apt install nginx -y 安装包(针对Ubuntu系统采用的安装方式) 如果是(centOS采用 yum install -y)

如果安装好后打不开 需要在购买的地方 阿里云或者其他的 配置实例的安全组 端口80

成功的图片

 

MongoDB数据库安装与配置

与Nginx类似 apt show mongodb-server 查看版本信息 接着 安装 apt install mongodb-server -y

用mongo进入数据库   show dbs 显示数据库

git安装与配置ssh-key

安装 apt install -y git  接着生成ssh-key 采用ssh-keygen 命令 

 

cat 目录地址 可以获取生成的ssh-key内容   并把它放到gitHub的部署公钥中

 

nodejs安装与配置淘宝镜像

安装 apt install nodejs -y   node-v 查看node版本 版本太低需要提升版本 安装 npm install -y n

用来提升node版本  输入n 可查看node的版本  n use latest 改变为最新版本

同时 安装 apt install npm -y  npm配置淘宝镜像 npm config set registry https://registry.npm.taobao.or 提升npm下载速度

拉取代码,安装pm2 并启动项目

先把本地代码上传到gitlab或github 接着把之前服务器生成的key 放到 gitlab的部署公钥中 完成之后就可以在服务器上拉取本地代码  在服务器上找到一个位置存放文件 并使用git clone 地址 克隆并安装相对应的依赖npm i

 

 

 

 

安装好后启动node项目 node app.js 启动会导致终端被占用并且使用ctrl+c就停用了 所以利用pm2启动项目  能在后台运行  安装pm2     npm install -g pm2  启动 pm2 start app.js

  配置Nginx反向代理(通过nginx服务器去查找对应的node的服务器运行)

配置Nginx文件在云服务器面板比较复杂 可以利用vscode 下载插件 remote-ssh(管理远程文件) 结合nginxconfig.io

npm下载到本地运行 或者线上地址 GitHub - digitalocean/nginxconfig.io: ⚙️ NGINX config generator on steroids 💉 DigitalOcean | The Cloud for Builders GitHub - digitalocean/nginxconfig.io: ⚙️ NGINX config generator on steroids 💉   进行可视化配置nginx文件

 

 

 

 进入之后 nginx文件夹如下图

 利用如下图帮我创建自己的nginx文件 

设置好后下载配置获取文件 并复制到vscode远程nginx文件替换

 

之后重启 如下命令

service nginx reload    (命令是重载nginx配置文件)

迁移本地数据到服务器mongodump

 先导出数据 mongdump -d 数据库名称 导出后会创建一个文件夹 并把它复制到云服务器root文件夹里

然后 执行mongorestore 恢复

注意事项:

后期修改本地代码后需要提交到github 并在云服务器里的存放本地代码的地方 git pull

拉取 并执行 pm2 reload 文件名 重新加载执行node服务 

 pm2 list 命令是查看进程的

Robo3T  是可视化的操作数据库的软件 

补充

SSL证书启用HTTPS安全连接

 lets-encrypt  Certbot提供免费的SSL

利用阿里云OSS云存储 存储上传文件 (存储到另一个公共的服务器)

node 下载如下安装包  multer-aliyun-oss - npm

接着获取相应参数的值

 

需要登录阿里云 找到对象存储进行相应配置 

 创建bucket(存储空间)

 个人中心创建子用户

 

百万冲刺
关注 关注
  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Node服务器开发和部署
轩辕鬼谷的博客
07-27 1201
安装express: 至此,项目创建成功,在根目录下创建server.js: 在目录下新建index.html文件 根目录下启动服务: 打开浏览器,输入如下网址 至此,第1步的node服务创建完成! 安装koa和koa-router: 至此,项目创建成功 在根目录下再创建router.js: 根目录下启动服务: 浏览器访问:http://127.0.0.1:3000/api/test?aa=1 效果如下: 至此,第一步的node服务创建完成! 执行后如果提示
nodejs在本地部署前端项目
qq_46634851的博客
08-16 5248
nodejs部署前端项目在本地
通过nodejs部署前端项目
qq_45413864的博客
01-29 5264
通过nodejs部署前端项目 服务器需要安装:node 然后创建如下代码app.js文件 const http = require('http'); const url = require('url'); const path = require('path'); const fs = require('fs'); // 以上是系统命令,不需下载 // npm install mime 下载插件...
nodejs部署前端项目的方法
南城旧梦_de博客
12-30 463
然后就可以在浏览器输入:localhost:3000(或者127.0.0.1:3000)即可访问你的index.html文件。文件编写好后,用PowerShell命令行切换到此app.js文件所在目录。PowerShell输出----服务器启动成功!然后创建如下代码app.js文件。
node.js实现前端自动化部署项目服务器的实现源码
一家外包公司的码农,专职前端开发
11-29 1597
nodejs开发的前端自动化部署工具,适用于linux系统的服务器,需要具备一点nodejs的基础,
前端 Vue+Node+MongoDB高级全栈开发
09-11
在本篇内容中,我们将深入探讨“前端 Vue+Node+MongoDB 高级全栈开发”的核心知识点。通过本文的学习,您将能够更好地理解如何利用这些技术构建高效、灵活且可扩展的应用程序。 ### 一、Vue.js简介 **Vue.js** 是...
jenkins自动部署vue前端项目
08-15
在远程服务器部署项目,需要了解Linux文件系统和目录结构,知道如何使用命令行进行目录的创建、文件的复制、解压缩和清理等操作。例如,使用tar命令来解压打包好的文件,使用rm命令删除不再需要的文件或目录。 ...
云原生k8s集群中部署微服务项目前端代理服务 Nginx
最新发布
09-22
Nginx作为一款高性能的HTTP和反向代理服务器,常被用于微服务项目前端代理服务,提供负载均衡、静态资源处理等功能。下面我们将深入探讨如何在k8s集群中部署Nginx以实现微服务前端代理。 首先,了解Kubernetes的...
Node.js 从零开发 web server博客项目 前端晋升全栈工程师必备项目笔记及源码
07-09
在本项目中,我们将深入探讨如何使用Node.js从零开始构建一个完整的Web服务器,这是前端开发者向全栈工程师转型的重要一步。Node.js以其高效的非阻塞I/O模型和JavaScript的便利性,使得它成为构建Web服务的理想选择...
node脚本一键部署前端项目
cxylcc的博客
12-04 560
node脚本部署前端项目到云服务器
前端项目完成后Node.js来部署项目
qq_43235503的博客
12-19 521
前端项目完成后Node.js来部署项目
使用 Node 部署前端工程
05-30 1059
前端工作构建完成后,如果你只是简单的部署,你只需要将整个 dist 文件夹复制到你的 CDN 或静态服务器。index.html 应该是你的服务器入口。关于服务器的选择nginx或者node,一般轻量级的应用建议使用node,简单快捷,性能也不差。 操作方式如下: 1. 在项目根目录创建一个app.js文件,复制以下内容并保存 // app.js const express = require('express'); const path = require('path'); const .
前端Node环境搭建与部署项目Linux
后端研发工程师Marion的博客
05-31 1202
可以到Node.js官网下载适合自己操作系统版本的Node.js二进制文件,并将其解压缩到想要安装的目录。node -v如果正确安装,则会显示当前Node.js的版本号信息。需要注意的是,无论哪种方式安装Node.js后,都可以通过命令行或其他方式来安装所需的npm模块和其他依赖项。
node构建前端项目
猛犸象
06-26 1559
node构建前端项目 项目名称: elastic 1. 创建并初始化项目 进入工作空间在shell下执行命令 mkdir elastic cd elastic npm init 命令运行完成之后,会在当前目录下生成package.json文件 2. 编辑并配置package.json { "name": "elastic", "version": "1.0.0", "desc...
node项目部署
weixin_40189038的博客
08-05 282
第一次自己部署node项目,搞了很久,终于摸清了大概的套路0.0 本地node项目部署服务器(我用的是阿里的centos云服务器) 实现node和git配合,每次开发完上传到git,再在服务器使用git拉下来,再次运行,减少每次将项目放到服务器的步骤,使用工具:node、git、nvm、pm2 nvm:我们可能同时在进行2个项目,而2个不同的项目所使用的node版本又是不一样的,或者是要用更新的n...
使用node.js搭建一个可运行的、热部署前端项目
热门推荐
zh5220909的博客
04-09 1万+
目标:        (1):使用node.js及其插件,搭建一个可运行的前端项目;        (2):实现自动部署,热部署;        (3):使用代理获取后台数据,实现前后端完全分离;工具:        webstorm、Chrome浏览器实现:        (1):安装webstorm,网上大把下载。(本人用的2017版本)        (2):安装node.js,度娘相当强。...
前端Node.js环境安装
楠哥的博客
05-29 896
Node.js是前端框架的基础,也是我们启动项目的必要环境之一,以下介绍安装与配置Node.js环境的详细步骤。
【9-前端项目的搭建部署Node安装、VSCode安装】
Coder_ljw的博客
11-17 812
【9-前端项目的搭建部署Node安装、VSCode安装】因为前端项目用到的技术:Vue+ElementUI,所以我们需要使用Node。 大致步骤:好了,这里我就我一个步骤一个步骤介绍了,学到这里,相信大家肯定没有问题了,当然,需要的可以直接点击下面这篇博客,node安装博客配置环境变量 cmd命令窗口使用node -v命令和npm -v命令查看对应的版本信息注意:需要我们进行下一步的配置,否则,随着你测试开发各种不同的项目,安装的模块越来越多,这个文件夹的体积就会越来越大,直到占满你的C盘。
前端开发者指南:Node.js入门
"Node for Front-End Developers" 是一本由 Garann Means 编写的关于 Node.js 的入门书籍,专为前端开发者设计,旨在帮助他们理解和掌握后端开发技术。该书于2012年出版,PDF格式,大小约为5M。 在本书中,作者 ...
写文章

热门文章

  • 项目前端结合node部署 1354
  • 前台 中台 后台 区别 581
  • 2022年常见面试题 (简化) 501
  • 前端的生命周期 300
  • git log 和 git reflog 的区别 271

最新评论

  • typescript复习

    CSDN-Ada助手: 恭喜您撰写第13篇博客!不断地复习typescript是一种很棒的学习方法,这有助于巩固您的知识并提高您的技能水平。希望您在这篇博客中能够深入剖析typescript的核心概念,从而更好地掌握它。接下来,我建议您可以考虑探索一些实际应用案例,以及与其他前端技术的整合。这将帮助您更好地理解typescript在实际开发中的应用场景,并进一步拓宽您的知识面。祝您继续努力,期待您下一篇博客的精彩呈现!

  • Java复习

    CSDN-Ada助手: 非常感谢您的第12篇博客,很高兴看到您对Java的复习有如此扎实的功底。您的不断创作让我们看到了您对技术的热情和追求,非常值得称赞。接下来,建议您可以尝试写一些Java相关的实践案例或者分享一些自己的Java项目经验,这样能够更好地将理论和实践结合起来。期待您更多的精彩作品! CSDN 会根据你创作的博客的质量,给予优秀的博主博客红包奖励。请关注 https://bbs.csdn.net/forums/csdnnews?typeId=116148&utm_source=csdn_ai_ada_blog_reply12 看奖励名单。

最新文章

  • typescript复习
  • Java复习
  • react笔记
2023年7篇
2022年6篇

目录

目录

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值

天下网标王惠州网站优化方式泰州市优化网站推广要多少钱温州 网站优化钟祥网站搜索优化西藏网站关键词优化排名德州智能网站优化公司网站优化设计网站排名优化相信大将军19南平网站搜索优化南昌网站优化公司哪家好长安优化企业网站企业推广鼓楼区企业网站优化怎么做江苏网站推广优化十大排名网站一般多久优化到前三页保山网站网址优化玉溪优化网站排名贺兰网站优化推荐深圳网站建设和优化公司贺州网站优化推荐深圳网站推广外包优化寻找网站优化推广一站式服务福山区智能响应式网站优化公司手机站seo网站优化宣城网站关键词优化哪家服务好长沙哪里优化网站四川网站优化推广服务寮步电子网站优化互联网推广攀枝花网站优化服务网站内部优化电影网站怎么优化香港通过《维护国家安全条例》两大学生合买彩票中奖一人不认账让美丽中国“从细节出发”19岁小伙救下5人后溺亡 多方发声卫健委通报少年有偿捐血浆16次猝死汪小菲曝离婚始末何赛飞追着代拍打雅江山火三名扑火人员牺牲系谣言男子被猫抓伤后确诊“猫抓病”周杰伦一审败诉网易中国拥有亿元资产的家庭达13.3万户315晚会后胖东来又人满为患了高校汽车撞人致3死16伤 司机系学生张家界的山上“长”满了韩国人?张立群任西安交通大学校长手机成瘾是影响睡眠质量重要因素网友洛杉矶偶遇贾玲“重生之我在北大当嫡校长”单亲妈妈陷入热恋 14岁儿子报警倪萍分享减重40斤方法杨倩无缘巴黎奥运考生莫言也上北大硕士复试名单了许家印被限制高消费奥巴马现身唐宁街 黑色着装引猜测专访95后高颜值猪保姆男孩8年未见母亲被告知被遗忘七年后宇文玥被薅头发捞上岸郑州一火锅店爆改成麻辣烫店西双版纳热带植物园回应蜉蝣大爆发沉迷短剧的人就像掉进了杀猪盘当地回应沈阳致3死车祸车主疑毒驾开除党籍5年后 原水城县长再被查凯特王妃现身!外出购物视频曝光初中生遭15人围殴自卫刺伤3人判无罪事业单位女子向同事水杯投不明物质男子被流浪猫绊倒 投喂者赔24万外国人感慨凌晨的中国很安全路边卖淀粉肠阿姨主动出示声明书胖东来员工每周单休无小长假王树国卸任西安交大校长 师生送别小米汽车超级工厂正式揭幕黑马情侣提车了妈妈回应孩子在校撞护栏坠楼校方回应护栏损坏小学生课间坠楼房客欠租失踪 房东直发愁专家建议不必谈骨泥色变老人退休金被冒领16年 金额超20万西藏招商引资投资者子女可当地高考特朗普无法缴纳4.54亿美元罚金浙江一高校内汽车冲撞行人 多人受伤

天下网标王 XML地图 TXT地图 虚拟主机 SEO 网站制作 网站优化