Merge pull request #71 from codingpot/feat-add-chrome-app

feat: create a gRPC-Web Flutter

Author: deep-diver

.github/workflows/ci.yml

@@ -63,3 +63,29 @@ jobs:
           namespace: kkweon
 
       - uses: okteto/pipeline@master
+
+  deploy-to-gh-pages:
+    runs-on: ubuntu-latest
+
+    if: github.ref == 'refs/heads/main'
+
+    needs:
+      - flutter-build
+
+    defaults:
+      run:
+        working-directory: client
+    steps:
+      - uses: actions/checkout@v2
+      - uses: actions/setup-java@v1
+        with:
+          java-version: "12.x"
+      - uses: subosito/flutter-action@v1
+        with:
+          channel: "stable"
+      - run: flutter pub get
+      - run: flutter build web --release
+      - uses: JamesIves/github-pages-deploy-action@4.1.4
+        with:
+          branch: gh-pages
+          folder: build/web

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/"));
+}

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,10 +33,6 @@ class GrpcClient {
   }
 }
 
-ClientChannel _getKkweonOktetoChannel() {
-  return ClientChannel('ingress-kkweon.cloud.okteto.net');
-}
-
 // ignore: unused_element
 ClientChannel _getLocalhostChannel({required int port}) {
   return ClientChannel(

client/web/index.html

@@ -11,7 +11,7 @@
     For more details:
     * https://developer.mozilla.org/en-US/docs/Web/HTML/Element/base
   -->
-  <base href="/">
+  <base href="/pr12er/">
 
   <meta charset="UTF-8">
   <meta content="IE=Edge" http-equiv="X-UA-Compatible">
@@ -95,4 +95,4 @@
     }
   </script>
 </body>
-</html>
+</html>