用WEB方式开发WPF桌面程序

　　因为疫情影响，公司裁员，结束了一年多的web开发经历，重新开始做桌面，新公司用的是WPF（居然用的是winform style。。。），当然这跟本文没有关系。。。上篇博客写的用后台api和前台浏览器控件的方式来做桌面程序，这篇文章用nancy+cefsharp实现了一种方式，使用WPF的原因是因为winform在高分辨率屏幕上会有问题，cefsharp会显示黑边，虽然可以解决，但始终不是很好的感觉。演示界面如下：

后端API

　　Nancy（https://github.com/NancyFx/Nancy）是一种web后端框架，现在已经不再维护，但是功能应该说已经很完善了，当然也可以使用微软WebApi来实现

void InitWeb()
{
    var hostConfigs = new HostConfiguration
    {
        UrlReservations = new UrlReservations() { CreateAutomatically = true },
        MaximumConnectionCount = 1
    };
 
    Uri uri = new Uri("http://localhost:8888");
    var host = new NancyHost(hostConfigs, uri);
    host.Start();
}

　　给nancy添加静态页面路径

public class Bootstrapper : DefaultNancyBootstrapper
{
    protected override void ConfigureConventions(NancyConventions nancyConventions)
    {
        base.ConfigureConventions(nancyConventions);
        nancyConventions.StaticContentsConventions.Add(StaticContentConventionBuilder.AddDirectory("", "/web"));
        //nancyConventions.StaticContentsConventions.Add(StaticContentConventionBuilder.AddDirectory("Scripts", "/Scripts"));
    }
}

　　添加api响应函数

public class HomeModule : NancyModule
{
     
    public HomeModule()
    {
        Get("/", x => "Hello World!");
    }
}

　　至此，后端api基本完成了，额外功能可以自行添加，这里只做个演示

前端网页显示

　　这里使用CefSharp，也就是谷歌浏览器内核的封装，也可以用自带的IE内核，但是考虑对前端框架，比如vue这些的支持，还是谷歌内核好一点，除了dll有点大（是特别大，最新版120M！），在WPF添加浏览器。注意需要设置工程为X64/X86，否则会报错。

<Grid>
    <cefSharp:ChromiumWebBrowser Address="http://localhost:8888" Name="chrome"/>
</Grid>

　　好了，然后F5运行即可。

　　本文只是给出了一个大致的结构思路，算是完成了上篇博客的想法，如果公司没有专业的桌面端开发，可以让WEB顶上（压榨）！同时也给出在GITHUB上找到的另一个用web做前端的库：https://github.com/NeutroniumCore/Neutronium ，这个库是用WPF的做后端，直接和网页交互，看上去还不错的感觉，有兴趣的可以试一试。

源码：点我下载