技能学习:学习使用Node.js + Vue.js,开发前端全栈网站-14-3.nginx配置web服务器并安装网站环境

本文涉及的产品
云数据库 MongoDB,独享型 2核8GB
推荐场景:
构建全方位客户视图
.cn 域名,1个 12个月
简介: 每次我们登录服务器都需要到登录阿里云进入实例,而为了更方便且一些后续工作的执行,现在下载git bash进行ssh命令远程连接服务器。
1.安装git bash

每次我们登录服务器都需要到登录阿里云进入实例,而为了更方便且一些后续工作的执行,现在下载git bash进行ssh命令远程连接服务器。
据说mac系统自带ssh,大家自行终端测试,没有的话跟我到git官网下载。
在这里插入图片描述
由于我之前下载过,就不跟大家一起下载了,基本上就是无脑安装,最后一步三个选项中问是否加入path,基本上我们如果没有手动终端启动bash经验的话选择第一个就好,否则启动会很慢。其他具体git操作大家自行学习。
在这里插入图片描述
下载完成之后进入安装好的文件夹,启动git-bash。
在这里插入图片描述

2.使用git bash

进入终端页面后,开始使用ssh命令连接服务器。

ssh root@你的域名

在这里插入图片描述
在这里插入图片描述
此时与上节成功进入服务器显示的信息相同。由于上节已经解析了域名,所以ssh登录时输入域名也可以连接服务器,如果没有解析域名则需要@你的服务器ip地址。

3.安装nginx

检查此时服务器是否有nginx:
使用apt命令,apt命令是ubuntu服务器专用命令,如果是centOS就使用yarn。效果一样。

apt show nginx

在这里插入图片描述
显示没有安装nginx,此时更新一下ubuntu服务器软件包:
使用apt命令更新软件包,由于阿里云使用了阿里云的镜像,所以速度比较快。

apt update

在这里插入图片描述
一大片更新之后我们再次检查是否有nginx:
在这里插入图片描述
此时我们正式部署安装nginx:

// apt命令 安装 nginx 提前说yes,没有-y的话会问是否安装
apt install nginx -y

在这里插入图片描述
一顿安装,并开启80端口就可以在网上输入域名访问服务器了。

4.开启80端口

安全组,点击配置规则:
在这里插入图片描述
快速添加,80端口是常用端口,开启后才可通过http访问。
在这里插入图片描述
在这里插入图片描述
点击确定,80端口已经添加。
在这里插入图片描述
此时就可以访问网站了:
在这里插入图片描述

5.配置服务器环境所需工具

(1)MongoDB数据库安装和配置
与安装nginx相同,先查看此时环境中有没有安装我们需要的MongoDB数据库:

apt show mongodb

此时查询到mongodb包,版本号为3.6.9,但这时查询到的是客户端,我们需要使用其服务端。
在这里插入图片描述

apt show mongodb-server

在这里插入图片描述
安装mongodb-server

apt install mongodb-server -y

一顿下载完成后就会自动启动,此时我们输入命令mongo进入数据库:
在这里插入图片描述
此时我们就可以使用show命令查看非可视化的命令行数据库信息,多数情况我们不用管理mongo数据库,此时就是测试是否安装好mongodb:
在这里插入图片描述
(2)安装node.js

apt install nodejs -y

安装完成后查看下载nodejs的版本:

node -v

在这里插入图片描述
之后可以使用包命令对node 进行升级,升级到我们本地环境中使用的node版本即可。
(3)安装npm并配置淘宝镜像
检查安装node时有没有同时安装npm

npm -v

在这里插入图片描述
可以看到这种安装方式并没有连带安装npm,所以同样apt命令安装npm:

apt install npm -t

下载完成后检查npm版本:
在这里插入图片描述
下载过程有点慢,先配置淘宝镜像,之后再安装nrm方便对npm版本进行切换。
配置淘宝镜像:

npm config set registry https://registry.npm.taobao.org

在这里插入图片描述
回车没反应,配置好了。
接下来全局安装nrm,切换npm版本的包:

npm i -g nrm

在这里插入图片描述
有了nrm我们还可以在淘宝镜像npm和普通npm之间切换,有的包在淘宝镜像无法下载,就只能切换到普通npm试试,实在不行再安装cnpm试一下。
nrm命令:

// 查看当前npm
nrm current
// 使用普通npm
nrm use npm
// 使用淘宝镜像npm
nrm use taobao

在这里插入图片描述
此时我们升级nodejs
全局安装n包,用于升级nodejs本身

npm i n -g

在这里插入图片描述
使用n命令查看包命令及内容:
在这里插入图片描述
我们可以直接升级使用最新版本nodejs:

n latest

在这里插入图片描述
此时版本号为16.4.2,到本地环境查询一下当前版本号:
在这里插入图片描述
本地环境使用的是16.4.0,版本相差不大应该不影响,但我们试着将服务器node环境改到16.4.0:

n install 16.4.0

在这里插入图片描述
切换完成,此时查看node版本号,依旧是最初的10.19.0,是因为环境问题:
在这里插入图片描述
我们重新进入服务器即可更新:
在这里插入图片描述
此时node环境安装完成。
(4)安装git,配置ssh-key
在上传网站文件到服务器时有很多方法,其中一种就是通过git命令直接将文件更新到服务器中,其过程比ftp更加快速便捷,还可以通过git库或码云时刻整理网站文件。
使用过程为: 1.将本地代码上传至git,2.在服务器上从git拉取代码。 到后期可以通过hook配置直接让服务器实时拉取git代码。

apt install git -y

安装完成后就可以使用git命令了:
在这里插入图片描述
第二步配置ssh-key,作用是在本地、git和服务器之间实现上传与拉取的口令。

// ssh-keygenerate生成命令
ssh-keygen

在这里插入图片描述
根据地址使用cat命令查询ssh-key:

cat /root/.ssh/id_rsa.pub

在这里插入图片描述
复制一大串密钥,记录下来,之后连接都需要这串密钥。

到此服务器环境基本设置好。
下篇文章我们学习使用git实现代码的拉取

相关文章
|
5天前
|
存储 弹性计算 安全
阿里云服务器配置选择策略参考及后期使用注意事项
对于初次购买阿里云服务器的一些新手用户来说,在云服务器配置选择和后期使用过程中有一些不清楚的地方,小编分享几点阿里云服务器配置选择策略,以及后期使用注意事项,购买过程中注意好下面这些事项,能让我们选对选好阿里云服务器,购买之后,在使用过程中,注意下面这些事项,能够让我们更好、更安全的使用阿里云服务器。下面是小编分享的一份详尽的阿里云服务器配置与使用指南,以供参考和借鉴。
|
1月前
|
安全 Linux 应用服务中间件
从零开始启动、配置、保护你的云服务器并搭建一个简单的网站
本文详细介绍了如何准备原料、搭建基础环境、进行安全防护、建设网站、管理证书以及开启BBR优化网络性能。主要内容包括获取健康云服务器、配置SSH登录、创建非root用户、启用密钥认证、安装Nginx、申请TLS证书、配置HTTPS自动跳转及优化网络性能等步骤。通过本文,读者可以掌握从零开始搭建个人网站的全过程。
46 1
从零开始启动、配置、保护你的云服务器并搭建一个简单的网站
|
24天前
|
开发框架 .NET PHP
网站应用项目如何选择阿里云服务器实例规格+内存+CPU+带宽+操作系统等配置
对于使用阿里云服务器的搭建网站的用户来说,面对众多可选的实例规格和配置选项,我们应该如何做出最佳选择,以最大化业务效益并控制成本,成为大家比较关注的问题,如果实例、内存、CPU、带宽等配置选择不合适,可能会影响到自己业务在云服务器上的计算性能及后期运营状况,本文将详细解析企业在搭建网站应用项目时选购阿里云服务器应考虑的一些因素,以供参考。
|
2月前
|
XML JSON API
ServiceStack:不仅仅是一个高性能Web API和微服务框架,更是一站式解决方案——深入解析其多协议支持及简便开发流程,带您体验前所未有的.NET开发效率革命
【10月更文挑战第9天】ServiceStack 是一个高性能的 Web API 和微服务框架,支持 JSON、XML、CSV 等多种数据格式。它简化了 .NET 应用的开发流程,提供了直观的 RESTful 服务构建方式。ServiceStack 支持高并发请求和复杂业务逻辑,安装简单,通过 NuGet 包管理器即可快速集成。示例代码展示了如何创建一个返回当前日期的简单服务,包括定义请求和响应 DTO、实现服务逻辑、配置路由和宿主。ServiceStack 还支持 WebSocket、SignalR 等实时通信协议,具备自动验证、自动过滤器等丰富功能,适合快速搭建高性能、可扩展的服务端应用。
169 3
|
22天前
|
前端开发 安全 JavaScript
2025年,Web3开发学习路线全指南
本文提供了一条针对Dapp应用开发的学习路线,涵盖了Web3领域的重要技术栈,如区块链基础、以太坊技术、Solidity编程、智能合约开发及安全、web3.js和ethers.js库的使用、Truffle框架等。文章首先分析了国内区块链企业的技术需求,随后详细介绍了每个技术点的学习资源和方法,旨在帮助初学者系统地掌握Dapp开发所需的知识和技能。
2025年,Web3开发学习路线全指南
|
1月前
|
设计模式 前端开发 数据库
Python Web开发:Django框架下的全栈开发实战
【10月更文挑战第27天】本文介绍了Django框架在Python Web开发中的应用,涵盖了Django与Flask等框架的比较、项目结构、模型、视图、模板和URL配置等内容,并展示了实际代码示例,帮助读者快速掌握Django全栈开发的核心技术。
185 45
|
29天前
|
存储 前端开发 JavaScript
如何在项目中高效地进行 Web 组件化开发
高效地进行 Web 组件化开发需要从多个方面入手,通过明确目标、合理规划、规范开发、加强测试等一系列措施,实现组件的高效管理和利用,从而提高项目的整体开发效率和质量,为用户提供更好的体验。
32 7
|
1月前
|
开发框架 搜索推荐 数据可视化
Django框架适合开发哪种类型的Web应用程序?
Django 框架凭借其强大的功能、稳定性和可扩展性,几乎可以适应各种类型的 Web 应用程序开发需求。无论是简单的网站还是复杂的企业级系统,Django 都能提供可靠的支持,帮助开发者快速构建高质量的应用。同时,其活跃的社区和丰富的资源也为开发者在项目实施过程中提供了有力的保障。
|
1月前
|
开发框架 JavaScript 前端开发
TypeScript 是一种静态类型的编程语言,它扩展了 JavaScript,为 Web 开发带来了强大的类型系统、组件化开发支持、与主流框架的无缝集成、大型项目管理能力和提升开发体验等多方面优势
TypeScript 是一种静态类型的编程语言,它扩展了 JavaScript,为 Web 开发带来了强大的类型系统、组件化开发支持、与主流框架的无缝集成、大型项目管理能力和提升开发体验等多方面优势。通过明确的类型定义,TypeScript 能够在编码阶段发现潜在错误,提高代码质量;支持组件的清晰定义与复用,增强代码的可维护性;与 React、Vue 等框架结合,提供更佳的开发体验;适用于大型项目,优化代码结构和性能。随着 Web 技术的发展,TypeScript 的应用前景广阔,将继续引领 Web 开发的新趋势。
40 2