フロントエンドをバックエンドから分離

[WhatACotton]

概要

フロントエンドをバックエンドから分離

Issue

• [WIP] Separate front-end from back-end #92

詳細

• SPAの設定の削除
• フロントエンドのDockerファイルの作成

検証結果

docker composeでの動作を確認。バックエンド・DBの疎通の確認

影響範囲

フロントエンド・バックエンド通信部分
分離したことによるfetch APIのURL実装

補足

今までのプロジェクトでのユースケースに手を入れることになるため、システム構成などを改めて確認していただきたいです。

注意

• 関連する Projects が存在する場合，それの紐付けを行うこと
• Assignees を設定すること
• 可能ならば Reviewers を設定すること
• 可能ならば priority ラベルを付けること

[TomokiMochizuki]

localhostのURLが

• https:// -> http://
• 5001 -> frontend: 3000, backend api: 5000
  に変更されたことに伴って，wings-tmtc-ifの周りのコードを修正する必要があるので，その周りの修正も一度行った方が良いです。

このブランチのwings + 今までのwings-tmtc-ifでは通信疎通ができないことが確認されました。以下，エラーメッセージ
ただし，wings-tmtc-if/appsettings.jsonの一部を

   "WINGS": {
    "Environment": "Docker",
    "ConnectionString": "http://localhost:5000",
    "GrpcConnectionString": "http://localhost:3000"
  },

に変更した時の結果である．

C:\Users\Username\Documents\wings-tmtc-if>dotnet run
Select component and press enter
[ 0 ] : MOBC_UART
[ 1 ] : MOBC_RF
[ 2 ] : ISSL_COMMON
[ 3 ] : SECONDARY_OBC
0
Select operation and press enter
[ 0 ] : 250805-1631 test
0
Operation ID: 36f7214a-e43d-4408-b50a-49d8eb3841da

Select serial port and press enter
[ 0 ] : COM1
[ 1 ] : COM11
[ 2 ] : COM12
2
Open COM12...
Success
[TcPacket] : Request
Grpc.Core.RpcException: Status(StatusCode="Internal", Detail="Error starting gRPC call. HttpRequestException: An error occurred while sending the request. Http2ConnectionException: The HTTP/2 server sent invalid data on the connection. HTTP/2 error code 'PROTOCOL_ERROR' (0x1).", DebugException="System.Net.Http.HttpRequestException: An error occurred while sending the request.
 ---> System.Net.Http.Http2ConnectionException: The HTTP/2 server sent invalid data on the connection. HTTP/2 error code 'PROTOCOL_ERROR' (0x1).
   at System.Net.Http.Http2Connection.ThrowProtocolError(Http2ProtocolErrorCode errorCode)
   at System.Net.Http.Http2Connection.ReadFrameAsync(Boolean initialFrame)
   at System.Net.Http.Http2Connection.ProcessIncomingFramesAsync()
   at System.Net.Http.Http2Connection.SendHeadersAsync(HttpRequestMessage request, CancellationToken cancellationToken, Boolean mustFlush)
   at System.Net.Http.Http2Connection.SendAsync(HttpRequestMessage request, Boolean async, CancellationToken cancellationToken)
   --- End of inner exception stack trace ---
   at System.Net.Http.Http2Connection.SendAsync(HttpRequestMessage request, Boolean async, CancellationToken cancellationToken)
   at System.Net.Http.HttpConnectionPool.SendWithVersionDetectionAndRetryAsync(HttpRequestMessage request, Boolean async, Boolean doRequestAuth, CancellationToken cancellationToken)
   at System.Net.Http.RedirectHandler.SendAsync(HttpRequestMessage request, Boolean async, CancellationToken cancellationToken)
   at Grpc.Net.Client.Balancer.Internal.BalancerHttpHandler.SendAsync(HttpRequestMessage request, CancellationToken cancellationToken)
   at Grpc.Net.Client.Internal.GrpcCall`2.RunCall(HttpRequestMessage request, Nullable`1 timeout)")
   at Grpc.Net.Client.Internal.HttpContentClientStreamReader`2.MoveNextCore(CancellationToken cancellationToken)
   at Grpc.Core.AsyncStreamReaderExtensions.ReadAllAsyncCore[T](IAsyncStreamReader`1 streamReader, CancellationToken cancellationToken)+MoveNext()
   at Grpc.Core.AsyncStreamReaderExtensions.ReadAllAsyncCore[T](IAsyncStreamReader`1 streamReader, CancellationToken cancellationToken)+System.Threading.Tasks.Sources.IValueTaskSource<System.Boolean>.GetResult()
   at WINGS_TMTC_IF.Services.TmtcPacketService.TcPacketReceiveLoop(TmtcPacketClient client) in C:\Users\Username\Documents\wings-tmtc-if\Services\TmtcPacketService.cs:line 47
   at WINGS_TMTC_IF.Services.TmtcPacketService.TcPacketReceiveLoop(TmtcPacketClient client) in C:\Users\Username\Documents\wings-tmtc-if\Services\TmtcPacketService.cs:line 47

[WhatACotton]

動作検証ありがとうございます。TMTC-IFの方の動作検証はまだ行なっておりませんでした。修正が出来次第またcommitいたします。