Merge pull request #581 from dotnet/dabritch-hybridwebview-update

jfversluis · web-flow · commit 434bbe0a76d3 · 2025-02-18T13:01:08.000+01:00
HybridWebView: async support
diff --git a/9.0/UserInterface/Views/HybridWebViewDemo/HybridWebViewDemo/MainPage.xaml.cs b/9.0/UserInterface/Views/HybridWebViewDemo/HybridWebViewDemo/MainPage.xaml.cs
@@ -87,6 +87,36 @@ public SyncReturn DoSyncWorkParamsReturn(int i, string s)
         };
     }
 
+    public async Task DoAsyncWork()
+    {
+        Debug.WriteLine("DoAsyncWork");
+        await Task.Delay(1000);
+    }
+
+    public async Task DoAsyncWorkParams(int i, string s)
+    {
+        Debug.WriteLine($"DoAsyncWorkParams: {i}, {s}");
+        await Task.Delay(1000);
+    }
+
+    public async Task<String> DoAsyncWorkReturn()
+    {
+        Debug.WriteLine("DoAsyncWorkReturn");
+        await Task.Delay(1000);
+        return "Hello from C#!";
+    }
+
+    public async Task<SyncReturn> DoAsyncWorkParamsReturn(int i, string s)
+    {
+        Debug.WriteLine($"DoAsyncWorkParamsReturn: {i}, {s}");
+        await Task.Delay(1000);
+        return new SyncReturn
+        {
+            Message = "Hello from C#!" + s,
+            Value = i
+        };
+    }
+
     public class ComputationResult
     {
         public double result { get; set; }
diff --git a/9.0/UserInterface/Views/HybridWebViewDemo/HybridWebViewDemo/Resources/Raw/wwwroot/index.html b/9.0/UserInterface/Views/HybridWebViewDemo/HybridWebViewDemo/Resources/Raw/wwwroot/index.html
@@ -44,7 +44,6 @@
             return jsonData;
         }
 
-
         async function InvokeDoSyncWork() {
             LogMessage("Invoking DoSyncWork");
             await window.HybridWebView.InvokeDotNet('DoSyncWork');
@@ -69,6 +68,30 @@
             LogMessage("Invoked DoSyncWorkParamsReturn, return value: message=" + retValue.Message + ", value=" + retValue.Value);
         }
 
+        async function InvokeDoAsyncWork() {
+            LogMessage("Invoking DoAsyncWork");
+            await window.HybridWebView.InvokeDotNet('DoAsyncWork');
+            LogMessage("Invoked DoAsyncWork");
+        }
+
+        async function InvokeDoAsyncWorkParams() {
+            LogMessage("Invoking DoAsyncWorkParams");
+            await window.HybridWebView.InvokeDotNet('DoAsyncWorkParams', [123, 'hello']);
+            LogMessage("Invoked DoAsyncWorkParams");
+        }
+
+        async function InvokeDoAsyncWorkReturn() {
+            LogMessage("Invoking DoAsyncWorkReturn");
+            const retValue = await window.HybridWebView.InvokeDotNet('DoAsyncWorkReturn');
+            LogMessage("Invoked DoAsyncWorkReturn, return value: " + retValue);
+        }
+
+        async function InvokeDoAsyncWorkParamsReturn() {
+            LogMessage("Invoking DoAsyncWorkParamsReturn");
+            const retValue = await window.HybridWebView.InvokeDotNet('DoAsyncWorkParamsReturn', [123, 'hello']);
+            LogMessage("Invoked DoAsyncWorkParamsReturn, return value: message=" + retValue.Message + ", value=" + retValue.Value);
+        }
+
     </script>
 </head>
 <body>
@@ -84,6 +107,12 @@
         <button onclick="InvokeDoSyncWorkReturn()">Call C# method (no params) and get simple return value</button>
         <button onclick="InvokeDoSyncWorkParamsReturn()">Call C# method (params) and get complex return value</button>
     </div>
+    <div>
+        <button onclick="InvokeDoAsyncWork()">Call C# async method (no params)</button>
+        <button onclick="InvokeDoAsyncWorkParams()">Call C# async method (params)</button>
+        <button onclick="InvokeDoAsyncWorkReturn()">Call C# async method (no params) and get simple return value</button>
+        <button onclick="InvokeDoAsyncWorkParamsReturn()">Call C# async method (params) and get complex return value</button>
+    </div>
     <div>
         Log: <textarea readonly id="messageLog" style="width: 80%; height: 10em;"></textarea>
     </div>
