Port changes

envoy.yaml

@@ -2,7 +2,7 @@ static_resources:
   listeners:
   - name: listener_0
     address:
-      socket_address: { address: 0.0.0.0, port_value: 4949 }
+      socket_address: { address: 0.0.0.0, port_value: 7050 }
     filter_chains:
     - filters:
       - name: envoy.http_connection_manager
@@ -36,4 +36,4 @@ static_resources:
     type: logical_dns
     http2_protocol_options: {}
     lb_policy: round_robin
-    hosts: [{ socket_address: { address: 192.168.1.34, port_value: 50459 }}]
+    hosts: [{ socket_address: { address:  host.docker.internal, port_value: 50460 }}]
\ No newline at end of file

frontend/README.md

@@ -9,4 +9,4 @@ For some reason with vue it cant get the dapr.HTTP environment variable (even th
 
 
 
-docker run -d -v C:\Users\simen\OneDrive\Documents\GitHub\dummy-vue-grpc\envoy.yaml:/etc/envoy/envoy.yaml:ro -p 4949:4949 -p 50459:50459 envoyproxy/envoy:v1.15.0
+docker run -d -v C:\Users\simen\OneDrive\Documents\GitHub\dummy-vue-grpc\envoy.yaml:/etc/envoy/envoy.yaml:ro -p 7050:7050 -p 50460:50460 envoyproxy/envoy:v1.15.0
\ No newline at end of file

frontend/src/components/gRPCDaprClient.vue

@@ -32,6 +32,8 @@ export default {
 
     axios.get(dapr_url + "/method/url").then(response=>
     {
+              console.log("Response: ");
+      console.log(response);
     console.log("Dapr backend running on: " + response.data["ip_address"]+":"+response.data["port"]);
     }
     
@@ -39,9 +41,9 @@ export default {
     );
     var r = axios.post(dapr_url + "/method/start", 1).then((Response) => {
       if (Response.data["successful"]) {
-        console.log("Grpc");
-        var connectURL =  "http://" + Response.data["url"];
-        connectURL = "http://0.0.0.0:4949"
+        console.log(Response.data);
+        var connectURL =  Response.data["url"];
+        connectURL = "http://" + window.location.hostname + ":7050"
         console.log(connectURL)
         var client = new ProjectorClient(
             connectURL,
@@ -55,8 +57,7 @@ export default {
         var stream = client.getProjectionPoints(param);
 
         stream.on("data", (response) => {
-            console.log("response");
-            console.log(response);
+           this.$emit('newPoint', response);
       });
       stream.on("error", (err) => {
       this.errorAlert = true