如何使用Angular CLI和PM2运行Angular应用程序

Angular CLI是Angular框架的命令行界面,用于在开发过程中在本地创建,构建和运行应用程序。

它旨在在开发服务器上构建和测试Angular项目。但是,如果要在生产中永久运行/保持应用程序处于活动状态,则需要Node.js流程管理器,例如PM2。

PM2是Node.js应用程序的流行,高级且功能丰富的生产流程管理器,具有内置负载均衡器。其功能集包括对应用程序监视,微服务/进程的高效管理,运行应用程序集群模式以及应用程序的正常重启和关闭的支持。此外,它还支持轻松管理应用程序日志等等。

在本文中,我们将向您展示如何使用Angular CLI和PM2 Node.js流程管理器运行Angular应用程序。这允许您在开发期间连续运行应用程序。

要求

您必须在服务器上安装以下软件包才能继续:

Node.js和NPM

AngularCLI

PM2

注意:如果您已在Linux系统上安装了Node.js和NPM,请跳至步骤2。

第1步:在Linux中安装Node.js

要安装最新版本的Node.js,首先在系统上添加NodeSource存储库,如图所示,然后安装该软件包。不要忘记为要在Linux发行版上安装的Node.js版本运行正确的命令。

Ubuntu上安装Node.js.

$ curl -sL https://deb.nodesource.com/setup_12.x | sudo -E bash -        #对于 Node.js version 12
$ curl -sL https://deb.nodesource.com/setup_11.x | sudo -E bash -        #对于 Node.js version 11
$ curl -sL https://deb.nodesource.com/setup_10.x | sudo -E bash -        #对于 Node.js version 10
$ sudo apt install -y nodejs

在Debian上安装Node.js。

# curl -sL https://deb.nodesource.com/setup_12.x | bash -    #对于 Node.js version 12
# curl -sL https://deb.nodesource.com/setup_11.x | bash -    #对于 Node.js version 11
# curl -sL https://deb.nodesource.com/setup_10.x | bash -    #对于 Node.js version 10
# apt install -y nodejs

CentOS,RHEL和Fedora上安装Node.js

# curl -sL https://rpm.nodesource.com/setup_12.x | bash -    #对于 Node.js version 12
# curl -sL https://rpm.nodesource.com/setup_11.x | bash -    #对于 Node.js version 11
# curl -sL https://rpm.nodesource.com/setup_10.x | bash -    #对于 Node.js version 10
# yum -y install nodejs
# dnf -y install nodejs  [在 RHEL 8 和 Fedora 22及以上版本]

此外,还要在系统上安装开发工具,以便从NPM编译和安装原生插件。

$ sudo apt install build-essential  [在 Debian/Ubuntu]
# yum install gcc-c++ make          [在 CentOS/RHEL]
# dnf install gcc-c++ make          [在 Fedora]

安装Node.js和NPM后,可以使用以下命令检查其版本。

linuxidc@linuxidc:~/www.linuxidc.com$ node -v
v10.16.1
linuxidc@linuxidc:~/www.linuxidc.com$ npm -v
6.9.0

如何使用Angular CLI和PM2运行Angular应用程序

第2步:安装Angular CLI和PM2

接下来,使用npm包管理器安装Angular CLI和PM2,如图所示。 在以下命令中,-g选项表示全局安装软件包 - 可供所有系统用户使用。

linuxidc@linuxidc:~/www.linuxidc.com$ sudo npm install -g @angular/cli        #安装Angular CLI
[sudo] linuxidc 的密码:
/usr/local/bin/ng -> /usr/local/lib/node_modules/@angular/cli/bin/ng

> @angular/cli@8.2.0 postinstall /usr/local/lib/node_modules/@angular/cli
> node ./bin/postinstall/script.js

+ @angular/cli@8.2.0
added 240 packages from 185 contributors in 25.791s

如何使用Angular CLI和PM2运行Angular应用程序

linuxidc@linuxidc:~/www.linuxidc.com$ sudo npm install -g pm2                #安装 PM2

如何使用Angular CLI和PM2运行Angular应用程序

第3步:使用Angular CLI创建Angular项目

现在进入服务器的webroot目录,然后使用Angular CLI创建,构建和提供Angular应用程序(称为sysmon-app,将其替换为应用程序的名称)。

$ cd /www.linuxidc.com/www/
$ sudo ng new linuxidc-app        #按照提示

接下来,进入刚刚创建的应用程序(完整路径为//www.linuxidc.com/www/linuxidc-app)目录,并如图所示为应用程序提供服务。

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/11825.html