How can I make my webview2 control catch a button click of an HTML button

Question

I basically need to create a windows form with bootstrap components. The windows form includes a login URL, email, API key fields, and a submit button. I'm creating it using webview2 control like this :

        {
            string html = @"
            
            
            
            
            
            
            
            
            
            Jira Url
            
            
            
            Email address
            
            
            
            Api Key
            
            
            
            
            Check me out
            
            
            
            
            
            ";
            return html;
        }

I want when the form opens and the user inputs the data into the fields and clicks the submit button for the data in those fields to be returned to my code.

After hours of research, I found that the webView21.CoreWebView2.WebMessageReceived component will do the trick, but I can't find out what I'm doing wrong and why my code is not catching anything. Any tips or answers are heavily appreciated, I've reached a dead end and I have spent more than 20 hours already trying to find a solution

Below is my full code:

using Newtonsoft.Json;
using System;
using System.Collections.Generic;
using System.ComponentModel;
using System.Data;
using System.Diagnostics;
using System.Drawing;
using System.IO;
using System.Linq;
using System.Runtime.InteropServices;
using System.Text;
using System.Threading.Tasks;
using System.Windows.Forms;

namespace JiraLogin
{
    public partial class JiraLoginWebView: Form
    {
        public JiraLoginWebView()
        {
            InitializeComponent();
            //InitializeAsync();

        }
        
        async void JiraLoginWebView_Load(object sender, EventArgs e)
        {
            //webView21.CoreWebView2InitializationCompleted += webView2_CoreWebView2InitializationCompleted;
            InitializeAsync();
        }
        private string getHtml()
        {
            string html = @"
            
            
            
            
            
            
            
            
            
            Jira Url
            
            
            
            Email address
            
            
            
            Api Key
            
            
            
            
            Check me out
            
            
            
            
            
            ";
            return html;
        }


        private void WebView21_WebMessageReceived(object sender, CoreWebView2WebMessageReceivedEventArgs e)
        {
  
            JiraLoginWebViewDTO jiraloginwebview = JsonConvert.DeserializeObject(e.TryGetWebMessageAsString());
            
        }
        private async void InitializeAsync()
        {
            //await webView21.EnsureCoreWebView2Async(null);
            string html = getHtml();
            InitializeWebView2Async(html, "");
            

            //webView21.NavigateToString(html);
        }

        async void InitializeWebView2Async(string html, string tempDir = "")
        {
            CoreWebView2Environment webView2Environment = null;


            string tempDir2 = tempDir;

            if (String.IsNullOrEmpty(tempDir2))
            {

                tempDir2 = Path.GetTempPath();
            }
            CoreWebView2EnvironmentOptions options = null;


            webView2Environment = await CoreWebView2Environment.CreateAsync(null, tempDir2, options);

            await webView21.EnsureCoreWebView2Async(webView2Environment);
            webView21.NavigateToString(html);
            webView21.CoreWebView2.WebMessageReceived += WebView21_WebMessageReceived;





        }



    }

}

How can I make my webview2 control catch a button click of an HTML button

Answers (1)

Related Questions