gRPCやってみる(7)

 

gRPC-Webってのをやってみる。HTMLに埋め込んだJavaScriptから呼び出すにはもう少し手を加える必要があった。

HTMLに埋め込んだJavaScriptから呼び出すにはサーバー側がgRPC-Webじゃないといけないんだけど、前回のままでは同一オリジンポリシーではじかれるってのと、サーバー側がHTTP/2で待っているけど、ブラウザはHTTP/1.1で話しかけるから通じないってのがあってそこに手を入れないといけない。
んで、サーバーの作り方は前回と全く一緒なんだけど、Program.csだけちょこっと追加がある。
同一オリジンポリシーの対策はCORSって言うらしくてMicrosoftの公式サイトを参考に。サーバーがHTTP/1.1をサポートするようにする方法はGeminiに聞いた。
んで、変更点はソースコード内のコメントを見てちょ

Program.cs

1. using grpcweb_srv.Services;
2.  
3. var builder = WebApplication.CreateBuilder(args);
4.  
5. // gRPC-Webクライアントとの通信のために、KestrelをHTTP/1.1で動作させるよう設定します。
6. builder.WebHost.ConfigureKestrel(options =>
7. {
8.     options.ListenLocalhost(5052, o => o.Protocols = Microsoft.AspNetCore.Server.Kestrel.Core.HttpProtocols.Http1);
9. });
10.  
11. // gRPCサービスとCORSポリシーをアプリケーションに登録します。
12. builder.Services.AddGrpc();
14. builder.Services.AddCors(o => o.AddPolicy("AllowAll", builder =>
15. {
16.     builder.AllowAnyOrigin()
17.             .AllowAnyMethod()
18.             .AllowAnyHeader()
19.             .WithExposedHeaders("Grpc-Status", "Grpc-Message",
20.                 "Grpc-Encoding", "Grpc-Accept-Encoding",
21.                 "Grpc-Status-Details-Bin");
22. }));
23.  
24. var app = builder.Build();
25.  
26. // gRPC-Webミドルウェアを有効にします。
27. app.UseGrpcWeb();
28.  
29. // CORSミドルウェアを有効にします。
30. app.UseCors();
31.  
32. // Configure the HTTP request pipeline.
33. app.MapGrpcService<GreeterService>().EnableGrpcWeb().RequireCors("AllowAll");
34. app.MapGet("/", () => "Communication with gRPC endpoints must be made through a gRPC client. To learn how to create a client, visit: https://go.microsoft.com/fwlink/?linkid=2086909");
35.  
36. app.Run();

これで、dotnet buildからのdotnet runしておく。