Winform NanUI 0.88版本 JS和C#相互调用

已于 2023-09-16 23:46:04 修改
阅读量1.4k 收藏 6
点赞数 2
分类专栏： C# Winform 文章标签： c#
于 2021-01-28 14:07:42 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_38693757/article/details/113334277
版权

目录

一、需求

版本

二、实例

JS调用C#注册的只读属性

JS调用C#注册的字段

JS调用C#注册的同步方法

JS调用C#注册的异步方法

C#注册一个方法，JS调用并传递参数

C#注册一个方法，JS调用并接收C#返回值

C#注册一个方法，接收JS的数组参数

C#注册一个方法，接收JS的一个函数，执行这个JS函数，并将C#的值传递过去

三、结束

一、需求

在软件的界面和软件逻辑分离后，最重要的就是要处理参数的传递，和函数的调用，因此存在JS中和C#相互调用的需求。

版本

NanUI 版本：0.8.80.191

二、实例

using NetDimension.NanUI;
using NetDimension.NanUI.HostWindow;
using NetDimension.NanUI.JavaScript;
using System;
using System.Drawing;
using System.Linq;
using System.Reflection;
using System.Threading.Tasks;
using System.Windows.Forms;

namespace NanUI_0._88
{
    public class MainIndex : Formium
    {
        public override HostWindowType WindowType => HostWindowType.System;

        public override string StartUrl => @"C:\Users\Administrator\Desktop\View\index.html";


        protected override void OnReady()
        {
            Console.WriteLine("===============OnReady");

            //显示浏览器控制台
            ShowDevTools();
            //注册方法到JS
            MapClrObjectToJavaScript();
        }


        //当浏览器加载完成调用
        private void MainIndex_LoadEnd(object sender, NetDimension.NanUI.Browser.LoadEndEventArgs e)
        {
            Console.WriteLine("===============当浏览器加载完成调用");
           
            //执行JS代码
            ExecuteJavaScript("console.log('Hello NanUI')");
            //执行一个有返回值的JS方法
            InvokeIfRequired(async () =>
            {
                var result = await EvaluateJavaScriptAsync("(function(){ return '5';})()");
                if (result.Success)
                {
                    Console.WriteLine("===============返回值：" + result.ResultValue?.GetString());
                }
            });
        }
    

        //当浏览器关闭时
        private void MainIndex_BeforeClose(object sender, NetDimension.NanUI.Browser.FormiumCloseEventArgs e)
        {
            Console.WriteLine("===============当浏览器关闭时");
        }

        private void MapClrObjectToJavaScript()
        {
            var obj = JavaScriptValue.CreateObject();

            //注册只读属性
            obj.SetValue("now", JavaScriptValue.CreateProperty
                (
                    () => { return JavaScriptValue.CreateDateTime(DateTime.Now); }
                )
            );

            //注册值
            obj.SetValue("version", JavaScriptValue.CreateString
                (
                    Assembly.GetExecutingAssembly().GetName().Version?.ToString()
                )
            );

            //注册可读写属性
            obj.SetValue("subtitle", JavaScriptValue.CreateProperty
                (
                    () => JavaScriptValue.CreateString(Subtitle), title => Subtitle = title.GetString()
                )
            );

            //注册同步方法
            obj.SetValue("messagebox", JavaScriptValue.CreateFunction(args =>
            {
                var msg = args.FirstOrDefault(x => x.IsString);
                var text = msg?.GetString();
                InvokeIfRequired(() =>
                {
                    MessageBox.Show(HostWindow, text, "Message from JS", MessageBoxButtons.OK, MessageBoxIcon.Information);
                });
                return JavaScriptValue.CreateString(text);
            }));

            //注册异步方法
            obj.SetValue("asyncmethod", JavaScriptValue.CreateFunction((args, callback) =>
            {
                Task.Run(async () =>
                {
                    var rnd = new Random(DateTime.Now.Millisecond);
                    var rndValue = rnd.Next(1000, 2000);
                    await Task.Delay(rndValue);
                    var obj = JavaScriptValue.CreateObject();
                    obj.SetValue("delayed", JavaScriptValue.CreateNumber(rndValue));
                    obj.SetValue("message", JavaScriptValue.CreateString($"Delayed {rndValue} milliseconds"));
                    callback.Success(obj);
                });
            }));

            //接收JS的一个参数
            obj.SetValue("JsCallCSharp", JavaScriptValue.CreateFunction(args =>
                {
                    var res = args.FirstOrDefault(x => x.IsString);
                    MessageBox.Show(res.GetString());
                    return null;
                }
            ));

            //向JS返回一个字符串
            obj.SetValue("sayHi", JavaScriptValue.CreateFunction(args =>
                {
                    return JavaScriptValue.CreateString("fuck you!");
                }
            ));

            //接收来自JS的一个数组
            obj.SetValue("getArr", JavaScriptValue.CreateFunction(args =>
                {
                    var arr = args.FirstOrDefault(x => x.IsArray);
                    if (arr != null)
                    {
                        int len = arr.ArrayLength;
                        for (int i = 0; i < len; i++)
                        {
                            int v = arr.GetValue(i).GetInt();
                            Console.WriteLine("=============数组：" + v);
                        }
                    }
                    return null;
                }
            ));

            //接收JS的一个函数
            obj.SetValue("CallBack", JavaScriptValue.CreateFunction(args =>
               {
                   var res = args.FirstOrDefault(x => x.IsFunction);
                   if (res != null)
                   {
                       res.ExecuteFunctionAsync(GetMainFrame(),
                           new JavaScriptValue[] { JavaScriptValue.CreateString("Hello from C#") });
                   }
                   return null;
               }
            ));

            //对象注册到 JavaScript 环境的Formium.external里，并取名CSharpProject
            RegisterExternalObjectValue("CSharpProject", obj);
        }

        public MainIndex()
        {
            //当浏览器关闭时触发
            BeforeClose += MainIndex_BeforeClose;
            //当浏览器加载完成后调用
            LoadEnd += MainIndex_LoadEnd;

            Size = new Size(1280, 720);
            StartPosition = System.Windows.Forms.FormStartPosition.CenterScreen;
            Mask.BackColor = Color.White;
            Title = "NanUI 0.88版本";
            Icon = System.Drawing.Icon.ExtractAssociatedIcon("xxxx.exe");
            CanMaximize = false;//不允许使用最大化界面按钮
            Resizable = false;//窗体是否能够改变大小
        }
    }
}

上面这些方法可以在NanUI控制台执行JS

JS调用C#注册的只读属性

C#：

//注册只读属性
obj.SetValue("now", JavaScriptValue.CreateProperty
    (
        () => { return JavaScriptValue.CreateDateTime(DateTime.Now); }
    )
);

JS:

Formium.external.CSharpProject.now

运行：

JS调用C#注册的字段

C#：

//注册值
obj.SetValue("version", JavaScriptValue.CreateString
    (
        Assembly.GetExecutingAssembly().GetName().Version?.ToString()
    )
);

JS:

Formium.external.CSharpProject.version

运行：

JS调用C#注册的同步方法

C#：

//注册同步方法
obj.SetValue("messagebox", JavaScriptValue.CreateFunction(args =>
{
    var msg = args.FirstOrDefault(x => x.IsString);
    var text = msg?.GetString();
    InvokeIfRequired(() =>
    {
        MessageBox.Show(HostWindow, text, "Message from JS", MessageBoxButtons.OK, MessageBoxIcon.Information);
    });
    return JavaScriptValue.CreateString(text);
}));

JS:

Formium.external.CSharpProject.messagebox('oh shit')

运行：

C#弹框：

JS调用C#注册的异步方法

C#：

//注册异步方法
obj.SetValue("asyncmethod", JavaScriptValue.CreateFunction((args, callback) =>
{
    Task.Run(async () =>
    {
        var rnd = new Random(DateTime.Now.Millisecond);
        var rndValue = rnd.Next(1000, 2000);
        await Task.Delay(rndValue);
        var test = JavaScriptValue.CreateObject();
        test.SetValue("delayed", JavaScriptValue.CreateNumber(rndValue));
        test.SetValue("message", JavaScriptValue.CreateString($"Delayed {rndValue} milliseconds"));
        callback.Success(test);
    });
}));

JS:

Formium.external.CSharpProject.asyncmethod().success(time=>console.log(time));

运行：

C#注册一个方法，JS调用并传递参数

C#：

//接收JS的一个参数
obj.SetValue("JsCallCSharp", JavaScriptValue.CreateFunction(args =>
    {
        var res = args.FirstOrDefault(x => x.IsString);
        MessageBox.Show(res.GetString());
        return null;
    }
));

JS:

Formium.external.CSharpProject.JsCallCSharp('oh shit');

运行：

C# 弹框

C#注册一个方法，JS调用并接收C#返回值

C#：

//向JS返回一个字符串
obj.SetValue("sayHi", JavaScriptValue.CreateFunction(args =>
    {
        return JavaScriptValue.CreateString("fuck you!");
    }
));

JS:

Formium.external.CSharpProject.sayHi();

运行：

C#注册一个方法，接收JS的数组参数

C#：

//接收来自JS的一个数组
obj.SetValue("getArr", JavaScriptValue.CreateFunction(args =>
    {
        var arr = args.FirstOrDefault(x => x.IsArray);
        if (arr != null)
        {
            int len = arr.ArrayLength;
            for (int i = 0; i < len; i++)
            {
                int v = arr.GetValue(i).GetInt();
                Console.WriteLine("=============数组：" + v);
            }
        }
        return null;
    }
));

JS:

Formium.external.CSharpProject.getArr([1,3,5,7])

运行：

C#这边打印数组：

C#注册一个方法，接收JS的一个函数，执行这个JS函数，并将C#的值传递过去

C#：

//接收JS的一个函数
obj.SetValue("CallBack", JavaScriptValue.CreateFunction(args =>
   {
       var res = args.FirstOrDefault(x => x.IsFunction);
       if (res != null)
       {
           res.ExecuteFunctionAsync(GetMainFrame(),
               new JavaScriptValue[] { JavaScriptValue.CreateString("Hello from C#") });
       }
       return JavaScriptValue.CreateString("返回值~~~");
   }
));

JS:

Formium.external.CSharpProject.CallBack(function say(str) { console.log("C#的返回值：" + str);});

运行：

三、结束

如果你这个帖子对你有用，欢迎给我点赞 + 留言，谢谢

熊思宇
关注
专栏目录
C#调用JS
badhou的专栏
04-28 7086
今天用到 Page.RegisterClientScriptBlock(("aa", "showTab(tz)");却发现一点反应都没有，查了些资料才想起来 前台没有runat=“server” 的form元素做承载，我这个羞愧啊~~ 哈哈今天总结一下c#调用JS的几种常用方法1.Page.Resopone.wrtie (" js语句");这种适用于方法体比较简单的，alert
浅谈C#下winform和JS的互相调用和传参(webbrowser)
09-01
在很多情况下，我们还需要在WinForms和WebBrowser中的JavaScript之间进行通信，实现功能的相互调用和数据传递。 首先，让我们来看看如何在WinForms应用程序中调用WebBrowser内的JavaScript函数。这通常通过...
Winform NanUI 0.77版本 JS和C#相互调用
熊思雨的博客
11-19 1620
这里调用了JS中的两个方法sayHollo,returnValue。在C#代码中，可以调用界面加载完成后的回调，在里面调用JS代码。如果这个帖子对你有用，欢迎关注+点赞+留言，谢谢。用的NanUI版本0.77。
winform尝试使用NanUI 日志（实际安装winfromium）（四）回顾项目的三个内容，尝试调用HTML页面
最新发布
chunweiruan的博客
08-24 1976
这里需要注意，文件夹名字要与配置文件中的一致，而且最好放到文件夹中，之前我建index.html文件在外面，在配置路径“wwwroot”，设置成“”，编译不报错，但始终不显示页面，这么一片文章，写的比较详细，可作者是2020年，以Nanui为基础的，灵性点，自己尝试吧，后面看到文章的人，可以去作者博客看前面的内容。为此花费了大量时间进行这个错误的调试，经历了N次错误后，发现其实质是因为没有正确加载所设计的页面，导致的这个错误，具体原理不清楚。1）之前尝试出现的页面，是第一种普通的网页的形式。
C#与js的相互调用
07-12 491
<br />C#代码与javaScript函数的相互调用<br />问：<br /> 1.如何在JavaScript访问C#函数?<br /> 2.如何在JavaScript访问C#变量?<br /> 3.如何在C#中访问 JavaScript的已有变量?<br /> 4.如何在C#中访问JavaScript函数?<br />  <br />问题1答案如下：<br /> javaScript 函数中执行C#代码中的函数：<br /> 方法一：1、首先建立一个按钮，在后台将调用或处理的内容写
QQ空间及邮箱验证码登录的校验方式及自动登录的解决方案
爱码农爱生活
07-14 455
目前有很多的SNS社区或类SNS的网站，例如开心、51、校内等，但是发现大多数社区在邀请好友的时候都没有提供对QQ邮箱或者QQ空间好友列表获取的功能，不过似乎海内支持，但是网上相关QQ的文章还不是很多，希望这篇文章能给你带来一些帮助。 QQ空间及邮箱登陆的校验方式： QQ空间及邮箱登陆的时候，用户输入的密码首先会被页面中的一段Js加密，然后加密过后的密码会加上验证码形成一个新的字串，接着这个新...
C#Winform动态调用C++和C#的Dll
11-20
本文将重点讲解如何在C#的Winform应用中动态调用C++和C#编写的DLL，并将DLL作为嵌入资源处理，避免因丢失DLL文件而引发的问题。 首先，我们需要理解DLL的工作原理。DLL文件包含可执行代码和数据，当一个应用程序...
winform-nanui.rar
05-22
使用Winform开发的系统，和layui界面一致。不好看我吃直播电脑。 源码地址： https://pan.baidu.com/s/11OdzGpEbGztMp4f2anwSnA 密码 hxn2
wpf winform C# 用XiliumCefGlue做浏览器，JS和C#相互调用
08-11
这篇描述涉及到的是如何在WPF（Windows Presentation Foundation）和WinForms应用中，通过XiliumCefGlue来创建一个内置的浏览器，并实现JavaScript与C#之间的互操作性。 首先，我们需要理解CEF。CEF是一个开源项目...
WinForm下WebView2实现JS与C#交互Demo
03-02
本示例“WinForm下WebView2实现JS与C#交互Demo”就展示了如何在C#中使用WebView2控件来实现JavaScript与C#之间的双向通信。 首先，确保已安装Microsoft Edge WebView2 SDK。可以通过NuGet包管理器安装`Microsoft....
js 与 c#相互调用
11-21
js 与 c#相互调用js 与 c#相互调用js 与 c#相互调用
c# winform webbrowser页面中js调用winform类方法
11-02
在winform嵌入网页项目中，如何在网页中通过js脚本调用winform中类的方法？此demo可以帮到你
JsInWinform（在winform中调用JS代码）
04-28
在winform使用JS脚本的方法，在winform使用JS脚本的方法，在winform使用JS脚本的方法，
C#窗口程序中嵌入网页调用js
11-01
C#窗口程序中嵌入网页调用js 在C#窗口程序中嵌入网页的办法，目前我知道的也就一种，那就是使用WebBrowser控件，指定控件的URL属性到html文件所在路径。
C# 写的后台调用JS的类
03-09
C# 写的后台调用JS的类，有脚本提示框、弹出窗口等等
C# : 调用js
未将对象引用设置到对象的实例
12-13 866
C# 调用 js Nuget 引用 Microsoft.ClearScript
Javascript与C#相互调用
昨日书
09-04 928
javascript调用C#代码 前台js调用后台代码方法，此方法只适用于后台方法的修饰符为public或protected，如果是其他修饰符会报错。 >后台C#代码： 1 protected int Add(int x, int y) 2 { 3 return x + y; 4 }  >前台JS代码： 1 "C#" AutoE
c#和js的交互
木头人
02-03 523
c#和js的交互(转) 如何在 C#中访问 JavaScript函数? 答案如下： c#代码中执行 javaScript函数： 方法一： 1、Page.RegisterStartupScript("ggg","&lt;script&gt;SetVisible(1);&lt;/script&gt;"); 方法二： 使用 Literal类[在网页上保留静态文本的位置]，然后 private void...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

熊思宇

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值