feat: create a gRPC-Web Flutter

Author: kkweon

client/lib/grpc_channel_native.dart

@@ -0,0 +1,5 @@
+import 'package:grpc/grpc.dart';
+
+ClientChannel getKkweonOktetoChannel() {
+  return ClientChannel('ingress-kkweon.cloud.okteto.net');
+}

client/lib/grpc_channel_web.dart

@@ -0,0 +1,6 @@
+import 'package:grpc/grpc_web.dart';
+
+GrpcWebClientChannel getKkweonOktetoChannel() {
+  // return GrpcWebClientChannel.xhr(Uri.parse("https://envoy-kkweon.cloud.okteto.net"));
+  return GrpcWebClientChannel.xhr(Uri.parse("https://envoy-kkweon.cloud.okteto.net/"));
+}

client/lib/service.dart

@@ -1,4 +1,6 @@
 import 'package:grpc/grpc.dart';
+import 'package:pr12er/grpc_channel_native.dart'
+    if (dart.library.js) 'package:pr12er/grpc_channel_web.dart';
 import 'package:pr12er/protos/pkg/pr12er/messages.pb.dart';
 
 import 'protos/pkg/pr12er/service.pbgrpc.dart';
@@ -7,7 +9,7 @@ class GrpcClient {
   // Use _getLocalhostChannel(port: 9000) to use the localhost version.
   // NOTE: localhost only works in iOS.
   final Pr12erServiceClient _client =
-      Pr12erServiceClient(_getKkweonOktetoChannel());
+      Pr12erServiceClient(getKkweonOktetoChannel());
 
   Future<String> sendMessage(String message) async {
     final request = HelloRequest()..body = message;
@@ -31,15 +33,11 @@ class GrpcClient {
   }
 }
 
-ClientChannel _getKkweonOktetoChannel() {
-  return ClientChannel('ingress-kkweon.cloud.okteto.net');
-}
-
 // ignore: unused_element
 ClientChannel _getLocalhostChannel({required int port}) {
   return ClientChannel(
     'localhost',
     port: port,
     options: const ChannelOptions(credentials: ChannelCredentials.insecure()),
   );
-}
+}