首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

我如何通过部署在Heroku上的Nodejs/Nestjs服务器为我的Angular前端提供服务?

通过部署在Heroku上的Node.js/Nest.js服务器为Angular前端提供服务的步骤如下:

  1. 首先,确保你已经在Heroku上创建了一个账户,并且安装了Heroku CLI工具。
  2. 在本地开发环境中,确保已经安装了Node.js和Nest.js,并且已经创建了一个Angular前端项目。
  3. 在Angular前端项目的根目录下,创建一个名为server的文件夹,并在该文件夹中初始化一个新的Node.js/Nest.js项目。
  4. server文件夹中,创建一个名为src的文件夹,并在该文件夹中创建一个名为main.ts的文件。在main.ts中编写Nest.js的启动代码,例如:
代码语言:txt
复制
import { NestFactory } from '@nestjs/core';
import { AppModule } from './app.module';

async function bootstrap() {
  const app = await NestFactory.create(AppModule);
  await app.listen(process.env.PORT || 3000);
}
bootstrap();
  1. server文件夹中,创建一个名为app.module.ts的文件,并在该文件中配置Nest.js的模块和控制器。
  2. server文件夹中,创建一个名为Procfile的文件,并在该文件中指定Heroku的启动命令,例如:
代码语言:txt
复制
web: npm run start:prod
  1. 在Angular前端项目的根目录下,创建一个名为package.json的文件,并在该文件中配置启动脚本和依赖项,例如:
代码语言:txt
复制
{
  "scripts": {
    "start": "ng serve",
    "build": "ng build --prod",
    "postinstall": "cd server && npm install && npm run build",
    "start:prod": "node server/dist/main"
  },
  "dependencies": {
    "express": "^4.17.1"
  }
}
  1. 在终端中,使用Heroku CLI登录到你的Heroku账户,并创建一个新的Heroku应用程序。
  2. 将Angular前端项目和Nest.js服务器项目推送到Heroku应用程序的Git仓库中。
  3. 在Heroku应用程序的设置中,配置环境变量和构建选项,确保正确设置了Node.js版本和构建命令。
  4. 在Heroku应用程序的部署选项中,启动部署过程,等待部署完成。
  5. 部署完成后,Heroku将为你提供一个URL,该URL即为你部署的Angular前端项目的访问地址。

通过以上步骤,你就可以通过部署在Heroku上的Node.js/Nest.js服务器为你的Angular前端提供服务了。

相关搜索:部署在Heroku上的NodeJs服务器我通过Heroku部署了我的Django服务器,构建是成功的,但在部署的URL上不断收到'Application Error‘如何从我的Netlify前端向我的Heroku服务器发出请求?我是否应该将NodeJS/Express服务器代码(托管在Heroku上)包含在前端网站代码(通过Firebase托管)中?如何让我的Django REST api与Angular前端交互托管在nginx服务器上如何在我的express服务器上提供php文件作为我的主页是否可以在我的服务器上为我的网站禁用JS如何通过docker在我自己的电脑上安装AzerothCore服务器?我如何通过托管服务器路由我的Angular API调用?如何在ubuntu 18上的Apache服务器上部署我的Angular 8应用程序?在node js服务器中部署我的angular应用程序的问题如何让我的Strapi服务器(托管在Heroku和Netlify上)保持在线?如何使用nginx通过docker在生产环境中为我的mern应用提供服务?如何通过蓝牙控制我的Linux服务器上的led条带?我可以在Django的生产服务器上提供媒体文件吗?我的Flask应用程序在我的本地服务器上运行,但它不是在Heroku上运行。这怎麽可能?我已经在heroku上创建了一个带有github自动部署的nodeJS应用程序。现在,我想将该存储库设置为私有的,最初它是公共的如何通过IP地址在我的本地服务器上使用PDF Embed API示例我的芹菜redis任务在heroku服务器上的django应用程序中不起作用如何让pathos在我的远程服务器上产生进程?
相关搜索:
页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

领券