gitpod에서 실행되는 blazor (C #) 코드에서 C # 웹 API에 어떻게 연결합니까?

엘 다르 오메로 비치

저는 현재 데이터 액세스를 위해 프런트 엔드에 Blazor를 사용하고 백 엔드에 ac # 웹 API를 사용하여 PoC (개념 증명) 애플리케이션을 작업하고 있습니다.

API에 액세스하고 싶을 때마다 ERR_CONNECTION_REFUSED가 표시됩니다. 나는 이상한 설정을 가지고 있습니다.

  • 개발을 위해 gitpod를 사용합니다 (온라인 IDE, 비주얼 스튜디오 코드 온라인).
  • 모든 것이 가상 Ubuntu 서버에서 실행됩니다.
  • 폴더 구조는 다음과 같습니다.

    blazor_poc

    API

    컨트롤러

    ApiRunningController.cs

    BlazorApp

    페이지

    Index.razor

Index.razor에서 API를 호출해야합니다. 다음과 같이 API를 호출합니다.

protected override async Task OnInitializedAsync()
{
    try
    {
        status = await Http.GetJsonAsync<string>("https://localhost:8394/ApiRunningController");
    }
    catch(Exception e)
    {
        requestSuccess = false;
        status = "ERROR: " + e.Message;
    }
 }

이것이 API 구성의 모습입니다. launchSettings.json ( "api": {} 섹션 만 해당) :

"api": {
  "commandName": "Project",
  "launchBrowser": true,
  "launchUrl": "apirunningcontroller",
  "applicationUrl": "https://localhost:8394;http://localhost:8393",
  "environmentVariables": {
    "ASPNETCORE_ENVIRONMENT": "Development"
  }

Startup.cs의 내 ConfigureServices () 및 Configure () 메서드 :

    public void ConfigureServices(IServiceCollection services)
    {
        services.AddControllers();
        services.AddCors();
    }

    public void Configure(IApplicationBuilder app, IWebHostEnvironment env)
    {
        if (env.IsDevelopment())
        {
            app.UseDeveloperExceptionPage();
        }

        app.UseHttpsRedirection();

        app.UseRouting();

        app.UseAuthorization();

        app.UseEndpoints(endpoints =>
        {
            endpoints.MapControllers();
        });

        app.UseCors(c => c
               .AllowAnyOrigin()
               .AllowAnyMethod()
               .AllowAnyHeader()
           );
    }

Api 컨트롤러 :

[ApiController]
[Route("[controller]")]
public class ApiRunningController : ControllerBase
{
    // Some other code like initializing a logger in the constructor etc...
    [HttpGet]
    public string Get()
    {
        ApiModel model = new ApiModel();
        return model.Status;
    }
}

중요한 코드 스 니펫을 게시했다고 생각하는 많은 코드입니다. 내가 뭔가를 잊었다면 댓글을 남겨도 괜찮습니다. 가능한 한 빨리 게시하겠습니다.

엘 다르 오메로 비치

사용자 솔루션 : sven-efftinge

포트 8394에 대한 번역 된 URL을 얻기 위해 콘솔에서 "gp url 8394"를 수행해야했습니다. 그런 다음 해당 URL을 HttpRequest에 사용해야했습니다.

protected override async Task OnInitializedAsync()
{
    try
    {
        string translated_url = "https://8394-...gitpod.io/ApiRunningController"
        status = await Http.GetJsonAsync<string>(translated_url);
    }
    catch(Exception e)
    {
        requestSuccess = false;
        status = "ERROR: " + e.Message;
    }
 }

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

콘솔에서 C ++ 코드를 어떻게 컴파일 / 실행합니까?

분류에서Dev

TCP 연결에서 Ctrl + C 키는 어떻게 작동합니까?

분류에서Dev

다음 코드는 C에서 어떻게 평가됩니까?

분류에서Dev

ASP.Net 웹 양식에서 Roslyn을 사용하여 C # 코드를 실행하려면 어떻게해야합니까?

분류에서Dev

MySQL 데이터베이스를 C ++ 코드에 어떻게 연결합니까?

분류에서Dev

C에서 sizeof 연산자는 어떻게 작동합니까?

분류에서Dev

C에서 코드를 어떻게 난독 화합니까?

분류에서Dev

원격 사용자가 내 PC에서 실행되는 웹 앱에 연결하도록 허용하려면 어떻게합니까?

분류에서Dev

Atom에서 C #을 원격 MySQL 서버에 어떻게 연결합니까?

분류에서Dev

C 코드 또는 C ++ 코드에서 이러한 텍스트를 어떻게 표시합니까?

분류에서Dev

아래 코드와 같이 C ++에서 임의의 결과를 어떻게 실행할 수 있습니까?

분류에서Dev

Expo에서 실행되는 React Native 앱을 통해 로컬 Rails 백엔드에 어떻게 연결합니까?

분류에서Dev

asp.net에서 버튼 클릭으로 C # 코드를 어떻게 실행합니까?

분류에서Dev

Blazor를 사용하여 코드가 클라이언트 또는 서버에서 실행되는지 어떻게 알 수 있습니까?

분류에서Dev

C # 콘솔 코드에서 웹 API로 '실행 후 잊어 버리기'동작을 가져 오는 방법

분류에서Dev

C에서 연결 목록을 사용하여 큰 정수 곱셈을 어떻게 수행합니까?

분류에서Dev

C ++에서 문자열을 문자와 어떻게 연결합니까?

분류에서Dev

C에서 연결된 피보나치 수를 어떻게 생성합니까?

분류에서Dev

C ++. VS 2015에서 파일 간 연결을 어떻게 설정합니까?

분류에서Dev

C에서 비트 필드는 어떻게 작동합니까?

분류에서Dev

Node 클래스가있는 연결 목록은 C ++에서 어떻게 작동합니까?

분류에서Dev

이 XML 웹 서비스를 C #에서 어떻게 사용합니까?

분류에서Dev

C ++ 코드는 Windows 7에서 실행되지만 Windows 10에서는 실행되지 않습니다.

분류에서Dev

C #에서 Combobox에 대한 관계 코드를 어떻게 작성합니까?

분류에서Dev

불가능한 터미널에서 실행되는 프로세스에 어떻게 연결합니까?

분류에서Dev

VM이 NAT 모드 일 때 VM에서 실행중인 웹 서버에 연결하려면 어떻게해야합니까?

분류에서Dev

웹 서버는 동일한 포트에서 여러 연결을 어떻게 처리합니까?

분류에서Dev

평가되지 않은 코드 C ++에서 오류를 피하려면 어떻게해야합니까?

분류에서Dev

cin.get ()은 다음 코드에서 어떻게 작동합니까? (C ++)

Related 관련 기사

  1. 1

    콘솔에서 C ++ 코드를 어떻게 컴파일 / 실행합니까?

  2. 2

    TCP 연결에서 Ctrl + C 키는 어떻게 작동합니까?

  3. 3

    다음 코드는 C에서 어떻게 평가됩니까?

  4. 4

    ASP.Net 웹 양식에서 Roslyn을 사용하여 C # 코드를 실행하려면 어떻게해야합니까?

  5. 5

    MySQL 데이터베이스를 C ++ 코드에 어떻게 연결합니까?

  6. 6

    C에서 sizeof 연산자는 어떻게 작동합니까?

  7. 7

    C에서 코드를 어떻게 난독 화합니까?

  8. 8

    원격 사용자가 내 PC에서 실행되는 웹 앱에 연결하도록 허용하려면 어떻게합니까?

  9. 9

    Atom에서 C #을 원격 MySQL 서버에 어떻게 연결합니까?

  10. 10

    C 코드 또는 C ++ 코드에서 이러한 텍스트를 어떻게 표시합니까?

  11. 11

    아래 코드와 같이 C ++에서 임의의 결과를 어떻게 실행할 수 있습니까?

  12. 12

    Expo에서 실행되는 React Native 앱을 통해 로컬 Rails 백엔드에 어떻게 연결합니까?

  13. 13

    asp.net에서 버튼 클릭으로 C # 코드를 어떻게 실행합니까?

  14. 14

    Blazor를 사용하여 코드가 클라이언트 또는 서버에서 실행되는지 어떻게 알 수 있습니까?

  15. 15

    C # 콘솔 코드에서 웹 API로 '실행 후 잊어 버리기'동작을 가져 오는 방법

  16. 16

    C에서 연결 목록을 사용하여 큰 정수 곱셈을 어떻게 수행합니까?

  17. 17

    C ++에서 문자열을 문자와 어떻게 연결합니까?

  18. 18

    C에서 연결된 피보나치 수를 어떻게 생성합니까?

  19. 19

    C ++. VS 2015에서 파일 간 연결을 어떻게 설정합니까?

  20. 20

    C에서 비트 필드는 어떻게 작동합니까?

  21. 21

    Node 클래스가있는 연결 목록은 C ++에서 어떻게 작동합니까?

  22. 22

    이 XML 웹 서비스를 C #에서 어떻게 사용합니까?

  23. 23

    C ++ 코드는 Windows 7에서 실행되지만 Windows 10에서는 실행되지 않습니다.

  24. 24

    C #에서 Combobox에 대한 관계 코드를 어떻게 작성합니까?

  25. 25

    불가능한 터미널에서 실행되는 프로세스에 어떻게 연결합니까?

  26. 26

    VM이 NAT 모드 일 때 VM에서 실행중인 웹 서버에 연결하려면 어떻게해야합니까?

  27. 27

    웹 서버는 동일한 포트에서 여러 연결을 어떻게 처리합니까?

  28. 28

    평가되지 않은 코드 C ++에서 오류를 피하려면 어떻게해야합니까?

  29. 29

    cin.get ()은 다음 코드에서 어떻게 작동합니까? (C ++)

뜨겁다태그

보관