centOS+nodejs+mysql阿里云部署前后端个人网站

centOS+nodejs+mysql阿里云部署前后端个人网站

参考：
部署Node+Express+MySQL项目到阿里云轻量应用服务器
阿里云轻量应用服务器部署Node.js+React+MongoDB前后端分离项目
参考：在阿里云上部署nodejs服务 + https
部署的原理就是你在本地测试的时候在地址栏（locahost：8080）会出现你的项目，部署无非就是借用阿里云服务器为你托管你的项目，并能在公网上访问得到，而轻量服务器和ECS服务器不同的是：便宜，但是存储空间小，流量限制。废话不多说，开始部署！

1. 买一个域名。

2. 买一个服务器 https://www.aliyun.com/daily-act/ecs/activity_selection

配置：
应用镜像：nodejs
系统镜像：CentOS
数据盘：不用选
在这里插入图片描述

3. 创建成功后绑定域名

在这里插入图片描述

4. 配置免费的SSL证书：

参考：https://zhuanlan.zhihu.com/p/232488366?utm_id=0
阿里云操作网址：https://yundun.console.aliyun.com/?p=cas#/certExtend/buy/cn-hangzhou
在这里插入图片描述

注意记得解析不成功的时候点击这个感叹号，在自己的域名下配置解析才能验证成功。（我一直傻傻在那等了好几天）
在这里插入图片描述
下载这个SSL证书之后有用
在这里插入图片描述

5. ICP备案。

ICP备案需要域名实名注册之后再过2-3天，不然会提示没有找到域名信息的。
备案要15天左右。
在这里插入图片描述

6. 远程链接，配置服务器的密码。

使用root方式登录，然后它会指引你重置root密码。
在这里插入图片描述
在这里插入图片描述
登陆后将进入一个这样的控制台页面。
在这里插入图片描述
使用上面阿里云提供的控制台操作就可以远程连接了。
但是因为我们还需要上传一些本地的文件到服务器（比如刚才下载的SSL证书文件夹）所以还需要下载一个远程连接软件，我这里用的xshell。
在mac操作远程服务器的终端可以用FinalShell，我试过了还行。

下载xshell用于远程链接。
参考：https://zhuanlan.zhihu.com/p/604492377
参考：https://juejin.cn/post/6844904106453123079
mac用户无法使用xshell
参考：https://blog.csdn.net/weixin_44637703/article/details/106596873

打开xshell，填写连接和用户名密码（就是刚才设置的root）
在这里插入图片描述

在这里插入图片描述
填写完毕后点击连接，可以看到一个窗口，代表连接成功。
在这里插入图片描述

链接好后可以打开软件Xftp，浏览服务器上的文件夹跟本地一模一样，支持拖拽上传到服务器。
在这里插入图片描述

7. 安装node环境和node代码。

呃，安装node环境步骤好像是不需要的，因为我们创建时已经选好了node版本了，如果需要的读者可以自行百度安装。我就直接push node代码了。

1. 将自己的node代码push到自己的github仓库。
2. 打开远程控制窗口。输入yum install git -y 下载git

对不起，报错了。。。
在这里插入图片描述
参考解决：
https://www.cnblogs.com/wangzy-Zj/p/16327598.html
https://developer.aliyun.com/article/1165954

linux常用命令记录：

  • vi打开文件
  • i 输入，esc退出输入，:wq保存并退出。

解决之后，再下载git就OK了。

如果项目代码是私人仓库，linux要增加一下ssh key。
参考：https://www.cnblogs.com/lz0925/p/10794616.html

3. 然后就可以git clone了，定位到home文件夹下clone。

进入project，像往常一样npm i。记得设置一下淘宝镜像。
npm config set registry https://registry.npm.taobao.org/

在server目录下执行npm start或其他命令即可执行后台程序，但是如果将命令窗口关闭，那么后台程序就会停止运行，所以需要下载pm2来守护进程。
yum install -y pm2
报错了。。啊啊啊我知道为什么报错了，是因为阿里云自动帮我们下好了pm2。算了，没事，坑走多了总会遇到路的。。

如果阿里云没有帮你们下好pm2的话，可以酱紫：直接npm install pm2 -g ，然后pm2 start index.js。。。 也可以运行成功。
在这里插入图片描述

报错记录：
Module yaml error: Unexpected key in data: static_context [line 9 col 3]
在这里插入图片描述
解决方式：参考：https://www.cnblogs.com/liqing1009/p/17296961.html
执行 yum upgrade libmodulemd
清除缓存： yum clean all, yum makecache
再安装
没用。。。 改用npm成功了

pm2 delete 0 删除停止的服务
pm2 start index.js
pm2 stop index
pm2 list

开放访问端口，比如我的项目运行在3030上，那这里就新添加一条防火墙规则开放3030端口。
在这里插入图片描述
执行完了以上几点之后，就可以 http://公网ip:端口号访问服务器了~
在这里插入图片描述
但是本地修改了代码后想要重新git pull 却报错了。
在这里插入图片描述
应该是无法连接的问题：

ssh -T git@github.com // 测试连接，但是报错。
ssh: connect to host github.com port 22: Connection timed out

ssh -T -p 443 git@ssh.github.com // 测试走443端口链接，成功。

解决方案
https://juejin.cn/post/7078618931782483998

/root/.ssh下新建config（不用后缀）

    Host github.com 
    User 【注册github的邮箱】
    Hostname ssh.github.com 
    PreferredAuthentications publickey 
    IdentityFile ~/.ssh/id_rsa 
    Port 443

再试一下 ssh -T git@github.com

记得重启一下pm2，pm2的开启命令可以改为：$ pm2 restart server.js --watch ，加个–watch可以使它在代码变动时自动重启

不确定pm2开启时的name，可以看一下pm2 list

重启后发现输入网址无法连接，可以在/var/nginx/error.log中查看访问日志（nginx配置），我看到刚才访问的错误日志是

*192 connect() failed (111: Connection refused) while connecting to upstream

经查询，这是一个“没有进程在监听这个端口”的错误，但是我们的pm2起起来了的呀，然后试一下npm start看了一下项目，原来是没有npm几个新的包，导致npm start失败。

npm i

报错：

呃，查看解决方法：https://baijiahao.baidu.com/s?id=1789209084590906424&wfr=spider&for=pc

重新换源再安装就可以了：

npm config set registry https://registry.npmmirror.com/

然后结果发现

继续npm start，继续报错：这是因为pm2已经占用了端口，kill了还会出来的，不用管，到这一步再重新试一下连接ip+api，可以重新访问了。

Error: listen EADDRINUSE: address already in use :::3300

如果还是想npm start可以继续往下看：

端口被占用，直接kill一下再重启。

注意：如果怎么kill都还有一直占用，应该是pm2的问题，pm2 stop 一下，再看端口就空出来了，npm start 再重启pm2

使用命令 lsof -i :3300（在 Linux 或 macOS 上）来识别正在监听端口 3300 的进程。

得到进程 ID (PID) 后，可以用 kill xxxpid、来结束占用端口的进程。
到这里，就可以修改代码后方便的git pull重启服务了。

8. 阿里云centOS配置nginx

上面的可以运行之后有点问题，毕竟我们不能每次请求的时候都带上端口号，需要隐藏端口号转发，因此需要安装nginx。
我们的前后端项目直接请求会引起跨域。因此需要借助nginx实现前后端通信的跨域问题，具体的配置信息还是在conf文件夹里面的nginx.conf文件。
并且nginx可以帮助隐藏公网ip，有利于安全性，或者多个项目同时运行时映射。

安装教程参考：
https://blog.csdn.net/qq_39997939/article/details/131999334
https://developer.aliyun.com/article/700682
https://cloud.tencent.com/developer/article/2061650

要开始使用Nginx，您需要按照以下步骤操作：

安装Nginx：

对于Ubuntu系统，使用以下命令安装Nginx：sudo apt update && sudo apt install nginx。
对于CentOS系统，首先确保已经安装了EPEL repository，然后使用以下命令安装Nginx：sudo yum install epel-release && sudo yum install nginx。
启动Nginx服务：

在Ubuntu系统中，使用以下命令启动Nginx服务：sudo systemctl start nginx。
在CentOS系统中，同样使用systemctl命令启动Nginx服务：sudo systemctl start nginx。
检查Nginx配置文件语法：

使用以下命令检查Nginx配置文件的语法是否正确：nginx -t。
配置Nginx：

Nginx的主要配置文件是/etc/nginx/nginx.conf。在这个文件中，您可以配置Nginx的工作模式、服务监听的端口、网站的根目录等信息。

// 查看状态
systemctl status nginx.service
// 开启
sudo systemctl enable nginx
sudo systemctl start nginx
sudo systemctl restart nginx

执行sudo systemctl start nginx 报错，于是查看状态看到是端口占用，

参考：https://stackoverflow.com/questions/14972792/nginx-nginx-emerg-bind-to-80-failed-98-address-already-in-use

解决：

sudo pkill -f nginx & wait $!
sudo systemctl start nginx

注意nginx配置的域名映射应该配置80(http)和443(https)两个，参考：https://blog.csdn.net/huningfei/article/details/133001962

注意：如果前后端想部署在同一个域名下，前端使用/访问，后端可以使用/api访问，配置下方的nginx.conf时location可以注意一下。

配置nginx：
80端口是http，下面配置完了可以试一下用http://【ip】访问一下，能访问成功就是正确反向代理了。注意都是要有分号结尾的。
配置完记得sudo systemctl restart nginx重启一下。

// 下载完成后打开下载好后的文件夹，打开conf文件夹里面的nginx.conf文件

server {
listen 80;
server_name 【你的域名｜或者 你的公网ip】;
access_log /var/log/nginx/xxxx.cn-access.log;
error_log /var/log/nginx/xxxx.cn-error.log;
    location / {
    proxy_pass 【命中这个域名时转发到哪里 我填入：http://127.0.0.1:8899】;
    }
}

// Nginx解析域名,转发给本地的nodejs的8899端口~

server {
listen 80;
server_name 112.74.55.172;
location / {
root “C:\Users\Administrator\Desktop\code\sysu-competition-system\build”;
index index.html index.htm;
try_files $uri $uri/ /index.html;
}
}
首先listen 80端口没问题，因为我们输入域名或服务器ip后默认打开的就是80端口；server_name，如果你的服务器绑定了域名那么这里就填你的域名，比如sysyu-competition.top，如果你没有绑定域名那么像我一样直接填ip，localtion / 下面的root是你上一步前端打包好后生成的静态文件夹的位置；index表示build文件夹下的入口文件，不需要我们修改，用默认的配置，如果你的入口文件不是index.html，那么自己手动修改。try_files这个配置主要是避免前端页面在用户刷新的时候404了，具体的原理可以自行百度。
这个配置的意思就是当输入网址112.74.55.172时，命中根路径，返回root配置的静态文件给浏览器，加载页面。修改完成后，我们在nginx.exe文件夹目录输入：
nginx -t
检查配置文件是否有语法错误。如果没有的话输入：
start nginx
每次当你修改nginx.conf文件后，输入：
taskkill /IM nginx.exe /F
来杀死所有的nginx进程，再输入启动命令启动nginx，配置才会生效。这时候输入你的域名（或者服务器ip）应该能看到前端的静态页面了，但是此时前后端接口还没有连通。

配置ssl证书到nginx

参考：https://help.aliyun.com/zh/simple-application-server/use-cases/install-an-ssl-certificate-in-a-node-js-runtime
参考：https://developer.aliyun.com/article/1261177

1.在nginx目录下新增cert目录
2.把下载好的包上传至cert目录下
3.修改nginx.conf，替换为以下内容

server {
    listen 443;
    server_name localhost;
    ssl on;
    root html;
    index index.html index.htm;
    ssl_certificate   cert/214799830030327.pem;      #访问的证书目录
    ssl_certificate_key  cert/214799830030327.key; #访问的证书目录
    access_log /var/log/nginx/xxxx.cn-access.log;
    error_log /var/log/nginx/xxxx.cn-error.log;
    location / {
        root html;
        index index.html index.htm;
    }
}

9. 配置Node和mysql。

参考：https://blog.csdn.net/weixin_44567080/article/details/131770045

  1. 下载mysql：https://downloads.mysql.com/archives/community
    例如CentOS 8.4 64位，选择Red Hat Enterprise Linux / Oracle Linux ，OS Version选择Red Hat Enterprise Linux 8 / Oracle Linux 8 (x86,64-bit)
    在这里插入图片描述
  2. usr/local下创建一个Mysql文件夹，下载mysql用xshell拖进去。
  3. 然后进入这个文件夹内命令行解压。
# 进入mysql文件夹
cd /usr/local/mysql
# 解压
tar -xvf mysql-8.2.0-1.el8.x86_64.rpm-bundle.tar
# 依次执行以下命令安装rpp包       记得命令行里的版本号换成自己的版本
rpm -ivh mysql-community-common-8.2.0-1.el8.x86_64.rpm
rpm -ivh mysql-community-client-plugins-8.2.0-1.el8.x86_64.rpm
rpm -ivh mysql-community-libs-8.2.0-1.el8.x86_64.rpm
rpm -ivh mysql-community-devel-8.2.0-1.el8.x86_64.rpm // 执行时报错了，解决方法如下
rpm -ivh mysql-community-client-8.2.0-1.el8.x86_64.rpm
rpm -ivh mysql-community-icu-data-files-8.2.0-1.el8.x86_64.rpm
rpm -ivh mysql-community-server-8.2.0-1.el8.x86_64.rpm

执行rpm -ivh mysql-community-devel-8.2.0-1.el7.x86_64.rpm报错：
Failed dependencies: pkgconfig(openssl) is needed by mysql-community-devel-8.2.0-1.el7.x86_64
解决方案：
这是由于缺少openssl-devel，使用如下命令安装一下就可以了：
yum install openssl-devel -y
接着再执行就不会报错了

  1. 完成后查看是否安装成功 mysql --version 看到有版本号就是安装成功。
  2. mysql命令

启动mysql
systemctl start mysqld
重启mysql
systemctl restart mysqld
关闭mysql
systemctl stop mysqld
查看mysql状态
systemctl status mysqld

  1. 启动、设置mysql命令、初始密码等等。
    systemctl start mysqld
    查看状态status退出使用:q就好。
    在这里插入图片描述
# 查看初始随机密码
grep 'temporary password' /var/log/mysqld.log
# 登录mysql数据库
mysql -u root -p
# 设置初始密码
ALTER USER 'root'@'localhost' IDENTIFIED WITH mysql_native_password BY '新密码';

这就是临时密码，输入就可以登陆了。
在这里插入图片描述

如果报错Your password does not satisfy the current policy requirements，则表明设置的密码强度过低。
解决办法：①先设置一个符合强度的密码；②查看密码验证插件；③降低密码验证规则的值。

设置一个符合规则的密码
ALTER USER 'root'@'localhost' IDENTIFIED WITH mysql_native_password BY 'root@_1Root';
# 查看密码验证插件
SHOW VARIABLES LIKE 'validate_password%';
# 设置密码验证规则的值为LOW
set global validate_password.policy=LOW;
# 设置密码长度限制的值为1
set global validate_password.length=1;

再重新用Alter命令设置一次密码即可。

开启远程登录可以让本地MySQL数据库管理工具连接
# 打开权限
UPDATE mysql.user SET host = '%' WHERE user='root';
# 进行刷新
FLUSH PRIVILEGES;

本地连接到服务器。
举例：
datagrip：https://blog.csdn.net/xiebeixb/article/details/129277969
在这里插入图片描述
然后可以先配置数据库，通过http://【ip】/api访问试试数据库连接的效果。

10. 前端页面

我的前端页面我直接上传github，然后使用netlify帮我静态部署了，之后只要把域名的Cname修改一下指向就好。大家可以自己尝试一下，或者继续部署到阿里云服务器里，但是问题是每次push之后都需要重新把build好的文件又放一次到服务器上，不太自动。（我有点懒了，就酱用别人的静态部署服务吧哈哈哈哈哈）
查看：https://app.netlify.com/

11. OSS

可以尝试申请七牛云免费的10G OSS。
http://www.taodudu.cc/news/show-3007517.html?action=onClick

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：/a/360799.html

如若内容造成侵权/违法违规/事实不符，请联系我们进行投诉反馈qq邮箱809451989@qq.com，一经查实，立即删除！

相关文章

使用Mysql实现Postgresql中窗口函数row_number的功能

使用Mysql实现Postgresql中窗口函数row_number的功能

1. 描述 需要根据用户id，查询每个人得分第二高的科目信息 2. 表结构及数据 2.1 表结构 CREATE TABLE t_score (id bigint(20) NOT NULL AUTO_INCREMENT,user_id bigint(20) NOT NULL,score double NOT NULL,subject varchar(100) NOT NULL,PRIMARY KEY (id) ) E…
阅读更多...
知识库建设这些工具来帮忙，企业工作效率翻倍

知识库建设这些工具来帮忙，企业工作效率翻倍

在当今深度信息化的年代，知识库成了企业不可或缺的一部分，它的建设与管理显得格外重要。然而，想要建设又好又高效的知识库并非易事。好消息是，有很多优秀的工具可以让这个过程变得更加轻松，今天我们就重点来探讨其中的…
阅读更多...
Vulnhub靶场DC-2

Vulnhub靶场DC-2

本机IP：192.168.223.128 目标IP：192.168.223.131 目标搜索：nmap -sP 192.168.223.1/24 端口搜索：nmap -sV -A -p- 192.168.223.131 开放了80 7744端口 访问一下web 发现进不去 目标ip被重定向到www.dc-2.com 修改一下本地DNS l…
阅读更多...
【极数系列】Flink集成DataSource读取Socket请求数据（09）

【极数系列】Flink集成DataSource读取Socket请求数据（09）

文章目录 01 引言02 简介概述03 基于socket套接字读取数据3.1 从套接字读取。元素可以由分隔符分隔。3.2 windows安装netcat工具（1）下载netcat工具（2）安装部署（3）启动socket端口监听 04 源码实战demo4.1 po…
阅读更多...
[网络安全]IIS---FTP服务器 、serverU详解

[网络安全]IIS---FTP服务器 、serverU详解

一 . FTP服务器(File Transfor Protocol) : 协议:文件传输协议 端口号:TCP: 20(数据) / 21(控制) 二 . FTP工作方式: 1.主动模式 : (FTP服务器21端口与FTP客户端产生的随机端口先建立连接 建立连接后,再使用FTP服务器21端口与FTP客户端创建的一个新的随机端口进行发送…
阅读更多...
【lesson29】MySQL事务不同隔离级别之间的区别演示

【lesson29】MySQL事务不同隔离级别之间的区别演示

文章目录 读未提交读提交可重复读串行化总结 读未提交 我们看到这时的隔离级别是读提交，那么我们就要把隔离级别改为，读未提交。 我们可以看到两个终端的mysql隔离级别已经都被改成了读未提交。 开始演示读未提交： 开启2个事务 事务2读…
阅读更多...
【C++】STL之空间配置器（了解）

【C++】STL之空间配置器（了解）

一、什么是空间配置器 空间配置器 ，顾名思义就是为各个容器高效的管理空间（空间的申请与回收）的，在默默地工作。虽然在常规使用 STL 时，可能用不到它，但站在学习研究的角度，学习它的实现原理对…
阅读更多...
[BUUCTF]-PWN:cmcc_pwnme2解析

[BUUCTF]-PWN:cmcc_pwnme2解析

保护 ida 完整exp： from pwn import* context(log_leveldebug) #premote(node5.buuoj.cn,26964) pprocess(./pwnme2) addhome0x8048644 addflag0x8048682 getfile0x80485CB main0x80486F8 pop_ebp0x8048680 ret0x80483f2 pop_ebx0x8048409 pop_edi_ebp0x804867f st…
阅读更多...
QT自制软键盘 最完美、最简单、支持中文输入（二）

QT自制软键盘 最完美、最简单、支持中文输入（二）

目录 一、前言 二、本自制虚拟键盘特点 三、中文输入原理 四、组合键输入 五、键盘事件模拟 六、界面 七、代码 7.1 frmKeyBoard 头文件代码 7.2 frmKeyBoard 源文件代码 八、使用示例 九、效果 十、结语 一、前言 由于系统自带虚拟键盘不一定好用，也不一…
阅读更多...
大学生以C语言为开始怎样学好编程呢？

大学生以C语言为开始怎样学好编程呢？

大学生以C语言为开始怎样学好编程呢？ 在开始前我分享下我的经历，刚入行时遇到一个好公司和师父，给了我机会，两年时间从3k薪资涨到18k的， 我师父给了一些C语言学习方法和资料，让我不断提升自己，…
阅读更多...
【Node.js基础】Node.js的介绍与安装

【Node.js基础】Node.js的介绍与安装

文章目录 前言一、什么是Node.js？二、安装Node.js2.1 Windows系统2.2 macOS系统2.3 Linux系统 三、运行js代码总结 前言 随着互联网技术的不断发展，构建高性能、实时应用的需求日益增长。Node.js作为一种服务器端运行时环境，以其事件驱动、非…
阅读更多...
2024新鲜出炉 Java集合常见面试题总结(下)

2024新鲜出炉 Java集合常见面试题总结(下)

2024新鲜出炉 Java集合常见面试题总结(下) 文章目录 2024新鲜出炉 Java集合常见面试题总结(下)Map（重要）HashMap 和 Hashtable 的区别HashMap 和 HashSet 区别HashMap 和 TreeMap 区别HashSet 如何检查重复?HashMap 的底层实现JDK1.8 之前JDK1.8 之后 H…
阅读更多...
java基于springboot的美妆化妆品商城购物网站ssm+vue

java基于springboot的美妆化妆品商城购物网站ssm+vue

美妆购物网站分为管理员，商家，用户三种权限。 用户可以注册，可以登录，用户进入到首页可以看到热门化妆品和新品化妆品，可以选购化妆品（可以通过搜索查询）加入购物车，查看化妆品详细情…
阅读更多...
（自用）learnOpenGL学习总结-高级OpenGL-抗锯齿

（自用）learnOpenGL学习总结-高级OpenGL-抗锯齿

MSAA 光栅器会将一个图元的所有顶点作为输入，并将它转换为一系列的片段。顶点坐标理论上可以取任意值，但片段不行，因为它们受限于你窗口的分辨率。顶点坐标与片段之间几乎永远也不会有一对一的映射，所以光栅器必须以某种方式来决定…
阅读更多...
github开源代码流程-初始化配置 quick start

github开源代码流程-初始化配置 quick start

开始前配置： 需要有一个github账号 需要安装git 一.配置github 登陆github 需要username（这个后面会用到），password 1.配置pat密钥token 由于github已经移除了靠password进行验证的方式，所以必须进行个人令牌的设…
阅读更多...
一键给家长私发成绩

一键给家长私发成绩

各位老师，你们是否也有过这样的经历：每到考试后，为了将学生的成绩一一发给家长，费尽心思地整理、核对，甚至有时候还要加班。如今，有了易查分，这一切似乎变得轻松起来。但这个功能真的是老师们的…
阅读更多...
2023 IoTDB Summit：Dr. Feinauer《Apache IoTDB在德国工业和关键基础设施中的应用》

2023 IoTDB Summit：Dr. Feinauer《Apache IoTDB在德国工业和关键基础设施中的应用》

12 月 3 日，2023 IoTDB 用户大会在北京成功举行，收获强烈反响。本次峰会汇集了超 20 位大咖嘉宾带来工业互联网行业、技术、应用方向的精彩议题，多位学术泰斗、企业代表、开发者，深度分享了工业物联网时序数据库 IoTDB 的技术创新…
阅读更多...
Patch2QL：开源供应链漏洞挖掘和检测的新方向

Patch2QL：开源供应链漏洞挖掘和检测的新方向

背景 开源生态的上下游中，漏洞可能存在多种成因有渊源的其它缺陷，统称为“同源漏洞”，典型如： 上游代码复用缺陷。开源贡献者在实现功能相似的模块时，常复用已有模块代码或逻辑；当其中某个模块发现漏洞后…
阅读更多...
成功解决Error：AttributeError: module ‘numpy‘ has no attribute ‘long‘.

成功解决Error：AttributeError: module ‘numpy‘ has no attribute ‘long‘.

成功解决Error：AttributeError: module ‘numpy‘ has no attribute ‘long‘. 🌵文章目录🌵 🌳引言🌳🌳报错分析🌳🌳解决方案1：降低NumPy版本🌳&#x1f333…
阅读更多...
vue实现瀑布流

vue实现瀑布流

每个色块宽度一致&#xff0c;高度自适应 <!DOCTYPE html> <html><head><meta charset"utf-8"><meta http-equiv"X-UA-Compatible" content"IEedge,chrome1"><meta name"renderer" content"we…
阅读更多...
最新文章

Copyright @ 2022~2023