阿里云ECS部署

这篇具有很好参考价值的文章主要介绍了阿里云ECS部署。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

部署分类

后端部署

前端只需要将我们的项目打包好,交给后端开发人员即可。后端开发人员会把我们打包好的项目放到后端的静态资源目录里面。

前后端分离部署

后端部署部署到后端的服务器。
前端将打包好的资源,部署到前端的服务器。
用户在做请求的时候,从前端服务器请求静态资源,然后从后端服务器获取数据。

  • 目前前端部署静态资源时,大多采用 Node.js 或者 Nginx 来做静态资源部署

node.js

# 1.安装git工具
yum install git -y

# 2.使用Git将NVM的源码克隆到本地的~/.nvm目录下,并检查最新版本。
git clone https://gitee.com/mirrors/nvm.git ~/.nvm && cd ~/.nvm && git checkout `git describe --abbrev=0 --tags`

# 3.配置NVM的环境变量
echo ". ~/.nvm/nvm.sh" >> /etc/profile
source /etc/profile

# 4.修改npm镜像源为阿里云镜像,以加快Node.js下载速度
export NVM_NODEJS_ORG_MIRROR=https://npmmirror.com/mirrors/node

# 5.查看所有node版本
nvm list-remote

# 6.下载指定版本node
nvm install v16.19.1

# 7.查看已安装的node
nvm ls

# 8.切换node版本
nvm use v18.0.0

MongoDB

1.安装MongoDB

# 使用的是yum命令安装,需要先添加yum源:
vi /etc/yum.repos.d/mongodb-org-5.0.repo

# 然后将如下内容添加进去:
[mongodb-org-5.0]
name=MongoDB Repository
baseurl=https://repo.mongodb.org/yum/redhat/$releasever/mongodb-org/5.0/x86_64/
gpgcheck=1
enabled=1
gpgkey=https://www.mongodb.org/static/pgp/server-5.0.asc

# 在vi中按键盘的i键是插入内容,插入完毕后按ESC退出,然后输入:wq 保存

2.启动MongoDB

# 启动
systemctl start mongod  
# 查看状态
systemctl status mongod 
# 重新启动
systemctl restart mongod 

3.配置安全组

阿里云ECS部署,部署,阿里云,vue.js,前端,javascript,前端框架

4.测试数据库

# 执行mongo命令
mongo

mongod.conf配置文件

vi /etc/mongod.conf

上传服务器代码

安装位置 /usr/local
阿里云ECS部署,部署,阿里云,vue.js,前端,javascript,前端框架

# 解压
unzip my-site-server.zip

# 安装依赖包
npm i

# 启动
npm run start

恢复数据库数据

导出数据库
阿里云ECS部署,部署,阿里云,vue.js,前端,javascript,前端框架
阿里云ECS部署,部署,阿里云,vue.js,前端,javascript,前端框架

导入数据库

mongorestore -h dbhost -d dbname --dir dbdirectory

-h:MongoDB 所在服务器地址
-d:需要恢复的数据库名称
–dir:备份数据所在路径

nginx

1.安装nginx

# 查看dnf版本
dnf --version

# 查找是否是否安装
dnf search nginx

# 安装nginx
dnf install nginx

# 启动nginx
systemctl start nginx

# 重启nginx
systemctl restart nginx

# 查看nginx运行状态
systemctl status nginx

# 相当于开机自启(重启服务器,nginx自动启动)
systemctl enable nginx

2.上传前端代码

1.删除nginx的默认网站
阿里云ECS部署,部署,阿里云,vue.js,前端,javascript,前端框架
2.将打包好的前台代码放入 nginx 的 html 目录下
阿里云ECS部署,部署,阿里云,vue.js,前端,javascript,前端框架
3.将打包好的后台代码放入到 nginx/html/admin 目录下
阿里云ECS部署,部署,阿里云,vue.js,前端,javascript,前端框架
4.nginx配置文件

# 切换到nginx配置文件
cd /etc/nginx/

# 编辑nginx.conf文件,a编辑状态
vim nginx.conf

添加以下配置

location / {
    root   html;
    index  index.html index.htm;
    try_files $uri $uri/ /index.html; # 是history模式生效
  }

location /api {
  proxy_pass http://127.0.0.1:7001;
}

location /res {
  proxy_pass http://127.0.0.1:7001;
}

location /static {
  proxy_pass http://127.0.0.1:7001;
}

项目打包后生成dist文件夹,传输到服务器的 /root文件夹
阿里云ECS部署,部署,阿里云,vue.js,前端,javascript,前端框架

3.配置nginx

  1. 切换到nginx配置文件
# 该文件夹下的nginx.conf文件
cd /etc/nginx/
  1. 编辑nginx.conf文件,a编辑状态
vim nginx.conf

阿里云ECS部署,部署,阿里云,vue.js,前端,javascript,前端框架
阿里云ECS部署,部署,阿里云,vue.js,前端,javascript,前端框架
3. 重启nginx服务器

systemctl restart nginx

linux

常用命令

ls:查看当前目录下的文件有哪些

exit:退出系统

clear:清屏

touch:创建文件,例如 touch 文件名

mkdir:创建目录,例如 mkdir 目录名称

mv:移动目录或者文件,例如 mv 要移动的文件或者目录 要移动到哪儿

rm -rf 要删除的目录或者文件名:删除目录或者文件

进程守护

# 来把进程挂起,这样即使我们退出了远程连接,也能够继续保持进程。
nohup commandName &
nohup npm start &

挂起进程之后,使用 exit 命令来退出远程连接文章来源地址https://www.toymoban.com/news/detail-524377.html

dnf软件包管理器

# 查找
dnf search mysql
# 安装
dnf install mysql
# 软件信息
dnf info mysql

到了这里,关于阿里云ECS部署的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 前端项目部署自动检测更新后通知用户刷新页面(前端实现,技术框架vue、js、webpack)——方案二:轮询去判断服务端的index.html是否跟当前的index.html的脚本hash值一样

    当我们重新部署前端项目的时候,如果用户一直停留在页面上并未刷新使用,会存在功能使用差异性的问题,因此,当前端部署项目后,需要提醒用户有去重新加载页面。 vue、js、webpack 根据打完包之后生成的 script src 的hash值去判断 ,每次打包都会生成唯一的hash值,只要轮

    2024年01月23日
    浏览(32)
  • 从javascript到vue再到react:前端开发框架的演变

    目录 JavaScript: 动态语言的基础 JavaScript:Web开发的起点 Vue.js: 渐进式框架的兴起 Vue.js:简洁、高效的前端框架 React.js: 声明式UI的革新 React.js:强大、灵活的前端框架 演变之路与未来展望 演变过程 当提到前端开发中的框架时,JavaScript、Vue.js和React.js是三个最常见的名词。它

    2024年02月07日
    浏览(41)
  • vue.js前端框架应用案例

    Vue.js 是一种流行的前端框架,它可以帮助开发者构建单页应用(SPA)和复杂的用户界面。以下是几个 Vue.js 的案例,涵盖了不同领域的应用: Vue.js 官方文档 :Vue.js 的官方文档本身就是一个使用 Vue.js 构建的项目。它展示了 Vue.js 的各种功能和最佳实践,包括组件、指令、混

    2024年02月21日
    浏览(31)
  • 前端开发 5: Vue.js 框架

    在前端开发中,Vue.js 是一个流行且灵活的 JavaScript 框架,用于构建用户界面。它采用了组件化的开发方式,使得前端开发更加模块化和可维护。在本篇博客中,我将为你介绍 Vue.js 的基础知识和常用技巧,帮助你更好地掌握前端开发中的框架部分。 Vue.js 是一个轻量级的 Jav

    2024年01月19日
    浏览(33)
  • 【js&vue】联合gtp仿写一个简单的vue框架,以此深度学习JavaScript

    lifecycle.js 注解: this.$options.beforeMount.call(this);与 this.$options.beforeMount();有什么区别: call(this)  的作用是将当前对象( this )作为参数传递给  beforeMount  方法,使得在  beforeMount  方法内部可以通过  this  访问到当前对象的上下文 直接调用了  beforeMount  方法,没有指定上下

    2024年02月09日
    浏览(42)
  • 阿里云ECS部署Mysql数据库

    首先需要到阿里云官方购买阿里云产品 ,如果有机会可以免费试用那会更好,跳过购买云服务步骤下面直接演示。 1.百度搜索 阿里云官方 2.点击控制台     3.展开更多   4. 选择云服务器ECS   5. 点击实例 可以看到服务器状态,包括公网/私网IP 以及其他信息。    6.点击实例

    2024年02月14日
    浏览(29)
  • 前端开发:Vue框架与前端部署

      Vue是一套前端框架,免除原生)avaScript中的DOM操作,简化书写。是基于MVVM(Model–View-ViewModel)思想,实现数据的双向绑定,将编程的关注点放在数据上。简单来说,就是数据变化的时候, 页面会自动刷新, 页面变化的时候,数据也会自动变化。 学习参考   指令:HTML标签上

    2024年02月20日
    浏览(29)
  • JavaScript框架 Angular、React、Vue.js 的全栈解决方案比较

    在 Web 开发领域,JavaScript 提供大量技术栈可供选择。其中最典型的三套组合,分别是 MERN、MEAN 和 MEVN。前端框架(React、Angular 和 Vue)进行简化比较。 MERN 技术栈包含四大具体组件: MongoDB:一款强大的 NoSQL 数据库,以灵活的 JSON 格式存储数据。 Express.js:一套极简但强大的

    2024年02月03日
    浏览(45)
  • 常见的web前端开发框架:Vue.js

            常见的Web前端开发框架包括Bootstrap、Vue.js、React.js、Angular.js等。每个框架都有其独特的特点和优势,开发者可以根据项目的需求和个人的喜好来选择合适的框架。同时,随着技术的不断发展,新的框架和工具也会不断涌现,为Web前端开发带来更多的选择和可能性。

    2024年02月20日
    浏览(36)
  • 苍穹外卖后端部署/阿里云ECS/Docker

    1.阿里云ECS:我用的是下图这个,也可以白嫖试用(3个月,和我购买的性能一致)的,但是试用的不满足备案条件,如果之后想使用域名访问的话,建议还是花点钱 2.远程工具:自己配置好,连接到服务器。也可以使用ecs自带的,都行 3.以上两步做好后,安装Docker,有很多帖

    2024年02月03日
    浏览(58)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包