天天看点

基于multipass虚机使用next.js&ant-design-mobile搭建 ssr服务端

作者:Kalrase

## pm2 ubuntu multipass 轻量虚拟机

1、安装multipass 虚拟机,下载地址:

https://multipass.run/
基于multipass虚机使用next.js&ant-design-mobile搭建 ssr服务端

2、安装后查看版本

multipass version           

3、新建容器

multipass launch --name dg           

4、下载最新的镜像

multipass exec dg -- lsb_release -d           

5、查看虚机列表

multipass list           
基于multipass虚机使用next.js&ant-design-mobile搭建 ssr服务端

6、查看虚机详细信息

multipass info --all           
基于multipass虚机使用next.js&ant-design-mobile搭建 ssr服务端

7、进入虚拟机

multipass shell dg           

8、重启、暂停虚机

# 暂停

$ multipass stop dg

# 启动

$ multipass start dg           

9、删除/释放虚拟机

# 删除

$ multipass delete dg

# 释放

$ multipass purge dg           

10、配置自动化

既要保持开发环境和线上环境一致,又要节省部署时间。我们可以使用 --cloud-init 对容器进行初始化配置:

$ multipass launch --name ubuntu --cloud-init config.yaml           

config.yaml 是初始化配置文件,内容如下:

#cloud-config

runcmd:

- curl -sL https://deb.nodesource.com/setup_12.x | sudo -E bash -

- sudo apt-get install -y nodejs

- wget https://releases.leanapp.cn/leancloud/lean-cli/releases/download/v0.21.0/lean-cli-x64.deb

- sudo dpkg -i lean-cli-x64.deb           
安装nodeJS、nvm、 pm2

1、安装nvm

在安装nvm之前先安装git

sudo apt-get install git

#拉取nvm项目

git clone https://gitee.com/Annlix/nvm-sh_nvm.git ~/.nvm && cd ~/.nvm && git checkout `git describe --abbrev=0 --tags`

#执行安装命令

./install.sh

#安装之后输入nvm还是提示没有这时候需要执行以下命令或者关闭终端重新开启

source ./nvm.sh

#获取node版本

nvm ls-remote           
基于multipass虚机使用next.js&ant-design-mobile搭建 ssr服务端
#安装node

nvm install v16.13.1

#安装pm2

sudo npm i -g pm2

or 安装最新发行版

nvm install --lts           
基于multipass虚机使用next.js&ant-design-mobile搭建 ssr服务端
基于multipass虚机使用next.js&ant-design-mobile搭建 ssr服务端
开启服务
pm2 start app.js

pm2 list

pm2 dash           
基于multipass虚机使用next.js&ant-design-mobile搭建 ssr服务端
基于multipass虚机使用next.js&ant-design-mobile搭建 ssr服务端
映射虚机服务到本机ip,使得局域网主机可以访问

管理员账号打开cmd

netsh interface portproxy add v4tov4 listenaddress=0.0.0.0 listenport=4202 connectaddress=172.18.207.164 connectport=1337           

查看 本机映射关系

netsh interface portproxy show all           
基于multipass虚机使用next.js&ant-design-mobile搭建 ssr服务端
查看pm2 启动的node 服务端口号

方式1

lsof -i -P | grep node           

方式2

ss -tnlp | grep node           

根据端口号查看pid

lsof -i :1337           
基于multipass虚机使用next.js&ant-design-mobile搭建 ssr服务端

更多pm2操作,查看https://blog.csdn.net/uikoo9/article/details/79018750

继续阅读