用Html5/CSS3做Winform，一步一步教你搭建CefSharp开发环境（附JavaScript异步调用C#例子，及全部源代码）上

Posted 2020-09-24

本文为鸡毛巾原创，原文地址：http://www.cnblogs.com/jimaojin/p/7077131.html，转载请注明

CefSharp说白了就是Chromium浏览器的嵌入式核心，我们用此开发Winform程序也就相当于在程序里面内嵌了一个谷歌浏览器。所以H5/CSS3以及各种Web开发界面设计的优势就可以完全发挥出来。

由于CefSharp更新及时，所以使用此浏览器控件可能是对于Html5/CSS3支持最优秀的方案了。

1.首先我用的是VS2015，这里新建一个空白解决方案。

 

2.空白解决方案创建完成，如下图所示

 

3.在空白解决方案里新建一个Windows窗体应用程序项目，这里我的项目名称为WinAPP

 

4.然后在解决方案里新建一个ASP.Net Web应用程序项目，此项目主要用来进行页面设计，我命名为WebRes

 

5.选择模板为Empty，因为仅仅是编写最基本的Html页面和Js交互代码，不需要服务端程序。

 

6.这是我的解决方案结构，如下所示，有两个项目，WinAPP，和WebRes

 

7.右键WinAPP项目，管理Nuget程序包

 

8.输入CefSharp，从网络安装CefSharp.WinForms包

 

9.安装完成之后，点击WinAPP项目的引用，右键添加引用菜单，点击浏览。

 

10.进入解决方案目录，进入packages目录。

 

11.在下图所示的目录里面选中如下图所示的三个dll，添加到项目引用之中。

 

12.在下图所示的目录里面选中如下图所示的一个dll，添加到项目引用之中。

 

13.添加完成之后，会看到dll上面有黄色感叹号。

 

14.在工具栏上点击如下图的配置管理器。

 

15.选中WinAPP项目的上下文平台，点击新建。

 

16.这里我的目标平台是X64，所以新建X64平台，点击确定。

 

17.可以看到黄色感叹号消失了。

 

18.回到Winform项目之中，双击窗体，编写窗体事件代码。

 

19.添加如下using

 

20.添加如下代码，完成浏览器控件的创建与添加。

 

21.运行项目，如果没问题的话，应该可以正确地访问百度。

 

22.回到最开始创建的空的ASP.Net Web项目，创建一个Page文件夹。

 

23.在Page文件夹下新建一个名为Index.html的入口html页面。

 

24.再新建一个Jmp.html页面

 

25.把上一步之中新建的Jmp.html页面拖动到Winform项目之中。

 

26.把之前ASP.Net Web项目之中的Jmp.html删除，并且把Winform项目之中新拖动过来的Jmp.html设置成为“如果较新则复制”。

 

27.在Winform项目里的Jmp.html里面写上如下跳转代码，确保可以跳转到ASP.Net Web项目之中的入口页面。

 

28.在ASP.Net Web项目之中的入口页面上写下一句话以方便查看是否跳转成功。

 

29.在Winform项目的窗体事件代码里做如下修改，浏览器控件首先载入目录下的Jmp.html文件。

 

30.调试，可以看到，Winform程序已经载入了我们的入口页面。

 

31.在Winform项目里面新建一个类，这里我命名为AsyncTest，意为异步测试类，也就是javascript异步调用C#的异步测试类。

 

32.在异步测试类里加入如下两个using，以及如下代码，这里添加了一个公用的DoSomething方法，参数是两个JavaScript回调函数接口，此方法随机调用成功Success或者失败Error回调函数。

 

33.然后在窗体代码里新建此对象的实例，并且以异步的方式注册此实例。

 

34.然后在ASP.Net Web项目的入口页面里如此调用此异步对象的异步方法，也就是传入两个回调函数。注意这里的doSomething是必须采用的驼峰写法，这是之前注册的时候默认参数设置的，也可以禁止，具体可以自己研究。

 

35.运行，异步调用成功，哈哈，到这里就结束了。

 

 

上篇教程就到这里，下面主要是侧重于一些工程的布置结构，以及一个实例。

 

这是本篇教程源代码：http://pan.baidu.com/s/1dE7daF3

 

本文为鸡毛巾原创，原文地址：http://www.cnblogs.com/jimaojin/p/7077131.html，转载请注明