Winform客户端内嵌Vue页面(开放源码)

本文介绍如何在Winform客户端应用中内嵌Vue页面,通过ChromiumFX实现客户端与Web应用的结合,提供详细步骤,包括下载资源、新建项目、编译程序以及项目总结,提供源码地址供参考。
摘要由CSDN通过智能技术生成

        目前很多应用都存在网页端和客户端形式,例如常用的:钉钉、微信等。按传统的开发形式,需要为客户端开发一套界面。基于当前Web应用可以利用三大前端框架和UI框架快速开发出各种酷炫的界面,于是出现了客户端嵌浏览器的方式,它不仅可以重用Web应用,而且以客户端内嵌浏览器的形式,不用担心用户用IE浏览器打开你的Web应用(滑稽);

下面展示Winform客户端+ChromiumFX嵌Vue应用页面效果:

https://zbj-bucket1.oss-cn-shenzhen.aliyuncs.com/2.mp4


 

一、下载资源文件

(1)Chromiumfx下载(目前最新版本73.1.13.0,发布时间2019-04-18)

下载链接:https://bitbucket.org/chromiumfx/chromiumfx/downloads/

解压后打开cef文件夹中的readme.txt文件,查看依赖的cef的版本。

 

(2)下载依赖的cef(这里对应的版本为73.1.13+g6e3c989+chromium-73.0.3683.75)

下载链接:http://opensource.spotify.com/cefbuilds/index.html#windows32_builds

根据不同的操作系统版本下载相应的Sample Application即可

解压后的文件如下:


二、新建Winfrom项目

(1)编译ChromiumFX程序

        打开ChromiumFX.sln解决方案(我用的是VS2015),按平台需求选择Release x86或者其他,依次生成libcfx、ChromiumFX、ChromiumWebBrowser项目生。

        在\Build\ Release中复制我们需要的三个文件libcfx.dll、ChromiumFX.dll、ChromiumWebBrowser.dll(这里要编译libcfx C项目,有点麻烦,源码中已经编译好了,这步可以省略)

(2)新建Winform项目,项目中引用ChromiumFX.dll、ChromiumWebBrowser.dll

添加初始化页面窗体

private string mUrl = "";
        ChromiumWebBrowser testWeb;
        public InitForm(string url)
        {
            InitializeComponent();
            mUrl </
  • 1
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值