网站首页 > 博客文章 正文
一、前言
在一个web应用中,如果前后端不分离,后端的逻辑很难融入到客户端的HTML代码中,代码会比较难阅读和维护。使用SSR (Server Side Rendering) 将服务端渲染技术应用于 Node.js 环境的 Web 应用程序,可以更友好的支持SEO,便于搜索引擎爬虫工具获取渲染的页面,以及实现更快的前端页面响应速度,提升用户访问网站体验。
本文以轻量云主机(CenTOS 7.6系统)为例,介绍如何部署Nodejs.SSR应用。
二、前置准备
正式开始部署前,您需完成如下的准备工作:
- 开通京东云账户,若您还未注册京东云账号,可在京东云官网进行注册;
- 账户开通后,需要进行实名认证;
- 购买一台或多台云主机或者轻量云主机产品;
- 登录轻量云主机,复制下面步骤中的命令进行执行操作;
- 下面操作步骤需主机开放3000端口,请在防火墙中配置端口开放策略。
三、Node JS环境部署
安装nodejs和npm
curl -sL https://rpm.nodesource.com/setup_14.x | sudo bash -
sudo yum install nodejs -y
安装PM2
npm install pm2 -g
四、部署NUXT构建的demo网站
Nuxt 是一个流行的基于 Vue.js 的通用应用框架,实现服务端的渲染,本文演示的demo网站是已初始化完成的Nuxt 网站。
下载demo网站
wget https://img1.jcloudcs.com/cn/iavm/tutorials/my-ssr-website.zip
解压缩文件
yum install -y unzip zip
unzip my-ssr-website.zip
安装依赖
cd my-ssr-website
npm install
进行构建
npx nuxi build
部署node应用
pm2 start .output/server/index.mjs
查看应用状态
pm2 logs
五、查看网站效果
在浏览器中输入 IP:3000 查看效果, 如果3000端口未开放,您需先在防火墙开放3000端口。
这样,Nodejs.SSR应用就部署完成了。使用Nodejs.SSR应用制作网站不仅可以提高搜索引擎优化和用户体验,还可以使开发人员更加舒适并且代码可重用程度更高,快来部署自己的Nodejs.SSR用起来吧
猜你喜欢
- 2024-10-03 教你怎么“废物利用”搭建寝室的个人NAS
- 2024-10-03 宝塔面板安装临时邮箱系统 - forsaken-mail
- 2024-10-03 实时、可靠、全面:探索Uptime Kuma的监控解决方案
- 2024-10-03 Linux利用Forsaken-mail搭建自己的即收即毁临时邮箱系统
- 2024-10-03 Node.js 自动化部署:使用 PM2 和 Git 实现持续集成
- 2024-10-03 5步搭建微信订阅号后台服务(微信订阅号创建平台)
- 2024-10-03 react线上部署的问题(react部署到服务器)
- 2024-10-03 基于multipass虚机使用next.js&ant-design-mobile搭建 ssr服务端
- 2024-10-03 第一次用docker快速部署pm2和nuxt前端项目
- 2024-10-03 Linux 部署 node环境,再玩个小项目
你 发表评论:
欢迎- 最近发表
- 标签列表
-
- ifneq (61)
- 字符串长度在线 (61)
- googlecloud (64)
- messagesource (56)
- promise.race (63)
- 2019cad序列号和密钥激活码 (62)
- window.performance (66)
- qt删除文件夹 (72)
- mysqlcaching_sha2_password (64)
- ubuntu升级gcc (58)
- nacos启动失败 (64)
- ssh-add (70)
- jwt漏洞 (58)
- macos14下载 (58)
- yarnnode (62)
- abstractqueuedsynchronizer (64)
- source~/.bashrc没有那个文件或目录 (65)
- springboot整合activiti工作流 (70)
- jmeter插件下载 (61)
- 抓包分析 (60)
- idea创建mavenweb项目 (65)
- vue回到顶部 (57)
- qcombobox样式表 (68)
- tomcatundertow (58)
- pastemac (61)
本文暂时没有评论,来添加一个吧(●'◡'●)