将.NET Core后端添加到Aurelia项目

时间:2018-12-10 17:47:05

标签: .net asp.net-core aurelia

我的前端在Aurelia中,我正在尝试添加.NET Core后端。我的后端应该将一些数据发送到前端,并且还接收从前端提交的数据。我尝试了以下方法:

mkdir app
cd app
dotnet new webapi
au new --here

这工作正常,但是后端在端口5000上侦听,而我的前端在端口8080上侦听。这是添加.NET Core后端的正确方法吗?前端和后端运行在不同的端口上?

1 个答案:

答案 0 :(得分:2)

  

这是添加.NET Core后端的正确方法

如果您想为ASP.NET Core添加一个新的Aurelia项目,则无需发明自己的工作流程。 您不必创建ASP.NET Core项目

只需使用au new(不使用dotnet new webapi):

    PS aurelia-app-hello> au new helloworld --here
    No Aurelia project found.
                          _ _          ____ _     ___
      __ _ _   _ _ __ ___| (_) __ _   / ___| |   |_ _|
     / _` | | | | '__/ _ \ | |/ _` | | |   | |    | |
    | (_| | |_| | | |  __/ | | (_| | | |___| |___ | |
     \__,_|\__,_|_|  \___|_|_|\__,_|  \____|_____|___|


    Which module loader / bundler would you like to use?

    1. Webpack (Default)
       A powerful and popular bundler for JavaScript
    2. CLI's built-in bundler with RequireJS
       RequireJS is a mature and stable module loader for JavaScript.
    3. CLI's built-in bundler with SystemJS
       SystemJS is Dynamic ES module loader, the most versatile module loader for JavaScript

    [Webpack]>

    What platform are you targeting?

    1. Web (Default)
       The default web platform setup.
    2. ASP.NET Core
       A powerful, patterns-based way to build dynamic websites with .NET.

    [Web]> 2

选择第二个选项,然后au-cli将为您创建一个ASP.NET Core项目。它还将自动设置所有配置。

  

将前端和后端同时运行在不同的端口上是一种好习惯吗?

不用担心。您的方向正确。如果研究ASP.NET Core的source code of SPA,您会发现他们也在做与您相同的事情。当有传入的相关消息时,ASP.NET Core服务器将简单地将其代理到开发服务器。

例如,the default project template for creating ASP.NET Core application with Angular使用angular-cli在端口上启动前端开发服务器,该端口不同于ASP.NET Core侦听的端口。

请注意,“前端”项目仅在开发时运行。无需关心性能。