Microsoft MVP성태의 닷넷 이야기
.NET Framework: 413. C# - chromiumembedded 사용 [링크 복사], [링크+제목 복사],
조회: 37945
글쓴 사람
정성태 (techsharer at outlook.com)
홈페이지
첨부 파일
(연관된 글이 3개 있습니다.)

C# - chromiumembedded 사용

WebKit이 Java Applet과의 충돌을 일으키므로,

C# - WebKit.NET 사용
; https://www.sysnet.pe.kr/2/0/1456

다음 대안을 찾아보았습니다. 오호~~~ 마침 Chromium을 내장 컨트롤로 감싸주는 프로젝트가 있군요. ^^

chromiumembedded 
; http://code.google.com/p/chromiumembedded/

C/C++은 당연히 chromiumembedded 프로젝트 자체가 지원되겠고, 위의 사이트에서 "External Projects"를 보면 .NET, Mono, Delphi, Java, Python에서 추가지원을 하고 있으니 왠지 WebKit보다 더욱 신뢰가 갑니다. ^^

그럼, .NET 에 대한 지원을 한번 볼까요?

CefSharp - Embedded Chromium for .Net
; https://github.com/chillitom/CefSharp#readme

CefSharp-master.zip 소스 코드는 Visual Studio 2012를 지원하지 않으므로 제 경우에는 별도로 브랜치된 다음의 버전을 다운로드를 받았습니다.

.Net binding for the Chromium Embedded Framework - vs2012 branch
; https://github.com/perlun/CefSharp/tree/vs2012

압축해제하고 Visual Studio 2012에 로드하면 다음과 같은 프로젝트들이 보입니다.

  • CefSharp
  • CefSharp.Example
  • CefSharp.Test
  • CefSharp.WinForms
  • CefSharp.WinForms.Example
  • CefSharp.WinForms.Test
  • CefSharp.Wpf
  • CefSharp.Wpf.Example
  • CefSharp.Wpf.Test

이 중에서 테스트 프로젝트 제외하고, WinForm으로 한정지으면 다음과 같이 정리됩니다.

  • CefSharp
  • CefSharp.Example
  • CefSharp.WinForms
  • CefSharp.WinForms.Example

다시 예제 프로젝트를 제외하면 최종적으로 다음과 같이 정리됩니다.

  • CefSharp: C++/CLI, libcerf.dll을 매개로 Chromium과 연동
  • CefSharp.WinForms: C++/CLI, CefSharp 프로젝트를 매개로 윈폼용 WebView 컨트롤 구현

그리고 Chromium 관련 네이티브 DLL 들이 압축 파일의 .\CefSharp-vs2012\Release 폴더에 있는데 이 DLL들이 EXE와 함께 배포되어야 합니다.




자... ^^ 그럼 이제 x86 Windows Forms 프로젝트를 하나 생성시키고, CefSharp의 chromium 관련 네이티브 DLL 들을 프로젝트에 복사하고 Embed시킵니다.

cef_sample_1.png
(주의: locales 폴더 내의 파일들도 "Copy if newer"로 설정)

편의상, 프로젝트 설정에서 "Debug" / "Enable the Visual Studio hosting process"옵션을 해제합니다.

그 후로는 일반적인 컨트롤 사용하는 것과 별반 다르지 않게 제어할 수 있습니다.

using System;
using System.ComponentModel;
using System.Windows.Forms;
using CefSharp;
using CefSharp.WinForms;

namespace WindowsFormsApplication1
{
    public partial class Form1 : Form
    {
        public Form1()
        {
            InitializeComponent();
        }

        WebView _webView;
        BrowserSettings _settings = new BrowserSettings();

        private void Form1_Load(object sender, EventArgs e)
        {
            _webView = new WebView("https://www.sysnet.pe.kr", _settings);
            this.Controls.Add(_webView);
            _webView.Dock = DockStyle.Fill;
        }
    }
}

그럼, 다음과 같이 잘 실행됩니다. ^^

cef_sample_2.png

URL을 전달하는 것은 생성자에서도 가능하지만, 별도로 Load 메소드가 제공되는데요. 주의할 점은 반드시 "초기화"된 후에만 정상적으로 호출할 수 있으므로 다음과 같은 식으로 초기화 되었음을 확인해 주어야 합니다.

if (_webView.IsBrowserInitialized == true)
{
    _webView.Load("https://www.sysnet.pe.kr");
}

첨부된 파일은 위의 예제를 포함합니다.




그 외에, JRE만 설치하면 Java Applet도 잘 동작합니다. Flash의 경우에는 아래의 경로에서 배포되는 "Flash Player 11 for Other Browsers"를 설치하는 경우 역시 잘 동작합니다.

다른 버전의 Adobe Flash Player 설치
; http://get.adobe.com/kr/flashplayer/otherversions/

참고로, Java Applet의 경우 JRE 7과 연동하는 경우 충돌이 발생하는 현상은 여전합니다.




Visual Studio 2013의 경우 CefSharp, CefSharp.WinForms 프로젝트를 컴파일하는 경우 다음과 같은 빌드 오류가 발생할 수 있습니다.

LNK2038: mismatch detected for '_MSC_VER': value '1600' doesn't match value '1800' in AssemblyInfo.obj

해법은 아래의 글에서처럼,

error LNK2038: mismatch detected for '_MSC_VER': value '1600' doesn't match value '1700' in CppFile1.obj
; http://stackoverflow.com/questions/19575747/error-lnk2038-mismatch-detected-for-msc-ver-value-1600-doesnt-match-valu

개별 프로젝트의 "Platform Toolset" 설정을 이전 v100 버전으로 맞춰주어야 합니다.




[이 글에 대해서 여러분들과 의견을 공유하고 싶습니다. 틀리거나 미흡한 부분 또는 의문 사항이 있으시면 언제든 댓글 남겨주십시오.]

[연관 글]






[최초 등록일: ]
[최종 수정일: 1/27/2014]

Creative Commons License
이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-변경금지 2.0 대한민국 라이센스에 따라 이용하실 수 있습니다.
by SeongTae Jeong, mailto:techsharer at outlook.com

비밀번호

댓글 작성자
 



2014-01-29 12시45분
참고로, 완전한 WPF-스러운 WebBrowser 컨트롤을 chrome을 이용해서 만든 오픈 소스가 있군요. ^^

A Real WPF WebBrowser
; http://chriscavanagh.wordpress.com/2009/08/25/a-real-wpf-webbrowser/

WPF Chromium WebBrowser control
; http://wpfchromium.codeplex.com/
정성태
2014-02-06 09시28분
[이성환] 댓글로 주신 오픈 소스는 이름만 Chromium 이고 실제로는 Awesomium 을 랩핑한 거네요.
(그리고 둘 다 같은 프로젝트입니다.)

소스 받아서 이것 저것 해보려고 했더니

VS2012에서 사용이 안 돼서 VS2010으로 돌렸으나 빌드까진 어떻게 했는데

실제 사용하는 부분에서 AwesomiumWrapper.dll 이 로딩이 안 돼서 일단 포기...
(Procmon으로 보면 DLL 자체는 로딩이 되는데 의존성이 빠진 거 같더군요. 근데 뭐가 빠졌는지 찾질 못하겠네요...)


게다가 현재 Awesomium Pro 버전 유료라 이 녀석은 못 쓸 듯 합니다....
($100K 미만은 공짜라는 게 수익인지 매출인지 모르나 제품으로 넣기엔 부적절해 보이네요)

chromium이 MTA 에서 프로세스를 여러 개 만들기 때문에

STA 진입점을 따로 만드는 수고를 해주는 게 불편해서 대안을 찾아봤는데

당분간은 그냥 써야 할 듯 하네요...;;;
[guest]
2014-02-10 12시43분
넵. 같은 프로젝트이지만 소개를 자세히 하려고 링크를 2개 한 것입니다. 그리고 Awesomium은 Chromium의 래퍼에 불과합니다. 문제가 발생하는 부분에 대해서는 저도 시간나면 한번 해봐야겠군요. ^^
정성태
2014-05-01 06시50분
[이준기] 만드신 예제를 ActiveX control로 만들 수 있을까요? html5로 웹앱을 IE에서 실행시킬 수 있을까 해서요?
[guest]
2014-05-01 02시20분
물론, 만들 수 있겠지요. 이준기님이 ^^ 만들어서 공개해주실 수 있을까요? ^^
정성태
2014-10-22 11시11분
[까뭉] 안녕하세요.
궁금한 점이 있어 질문드립니다.
저는 현재 vs2010으로 테스트 중이며 CefSharp-master.zip을 받아 테스트 하려는 중 dll이 포함되어 있지 않아
별로도 CefSharp.dll, CefSharp.Windorms.dll을 다운받아 사용했습니만.. 구동이 되지 않네요.
올리신 글과 같이 다른 dll로 다운 받아야 하난건가요?
[guest]
2014-10-22 12시26분
@까뭉 CefSharp-master.zip은 소스코드이기 때문에 빌드를 해야 합니다. 별도로 다운로드 받은 CefSharp.dll, CefSharp.Winforms.dll을 다운로드 받았다면 그것 자체로도 사용할 수 없습니다. CefSharp 관련 DLL은 chromium의 래퍼에 불과하기 때문에 반드시 chromium 네이티브 DLL들이 함께 있어야 합니다.
정성태
2014-10-23 01시14분
[까뭉] 답변감사드립니다.
CefSharp-master.zip 파일을 빌드 시 레퍼런스들이 없어 빌드가 되지 않습니다.
관련 네이티브 DLL은 따로 받아야하나요?
위와 비슷한 질문인 것 같아 죄송합니다.
[guest]
2014-10-23 04시22분
[까뭉] 음.. 덧글 수정을 어떻게 하는지를 모르겠네요 ㅜ
dll 파일들은 다른 프로젝트를 받아 구했는대..
다른 dll들은 Debug Relese에 옮겨두고 CefSharp, CefSharp.WinFroms만 참조에 넣고 구동을 하였지만..
_webView = new WebView("http://www.google.co.kr", _settings);
이곳에서 아무 에러도 없이 종료되는 현상이 발생하네요.
지금 현재 검토중입니다..
[guest]
2014-10-27 01시13분
@까뭉 다시 CefSharp 소스코드를 보니 그새 많이 바뀌었군요. ^^ 아래의 글에 간단하게 정리해두었으니 참고하세요.

C# - chromiumembedded 사용 - 두번째 이야기
; http://www.sysnet.pe.kr/2/0/1793
정성태
2021-01-24 09시53분
Introduction to Microsoft Edge WebView2
; https://learn.microsoft.com/en-us/microsoft-edge/webview2/

WebView2에서 Windows Forms 메서드 호출하기 ([.NET Conf 2021 x Seoul] 닷넷 5와 네이티브 프로그래밍)
; https://www.youtube.com/watch?v=GL_mz1Y_-Vk&t=2453
정성태

... 106  107  108  109  110  111  112  113  114  115  [116]  117  118  119  120  ...
NoWriterDateCnt.TitleFile(s)
11025정성태8/12/201622346개발 환경 구성: 294. .NET Core 프로젝트에서 "Copy to Output Directory" 처리 [1]
11024정성태8/12/201621655오류 유형: 350. "nProtect GameMon" 실행 중에는 Visual Studio 디버깅이 안됩니다! [1]
11023정성태8/10/201623171개발 환경 구성: 293. Azure 구독 후 PaaS 서비스 만들어 보기
11022정성태8/10/201623828개발 환경 구성: 292. Azure Cloud Service 배포시 사용자 정의 작업을 추가하는 방법
11021정성태8/10/201620879오류 유형: 349. System.Runtime.Remoting.RemotingException - Type '..., ..., Version=..., Culture=neutral, PublicKeyToken=null' is not registered for activation [2]
11020정성태8/10/201623610VC++: 98. 원본과 대상 버퍼가 같은 경우 memcpy, wmemcpy 주의점
11019정성태8/10/201640287기타: 60. 도서: 시작하세요! C# 6.0 프로그래밍: 기본 문법부터 실전 예제까지 (2쇄 정오표)
11018정성태8/9/201624748.NET Framework: 600. 단일 메서드 내에서의 할당으로 알아보는 자바와 닷넷의 GC 차이점 [1]
11017정성태8/9/201626802웹: 33. HTTP 쿠키에 한글 값을 설정하는 방법
11016정성태8/7/201624013개발 환경 구성: 291. Windows Server Containers 소개
11015정성태8/7/201622269오류 유형: 348. Windows Server 2016 TP5에서 Windows Containers의 docker run 실행 시 encountered an error during Start failed in Win32
11014정성태8/6/201623054오류 유형: 347. Hyper-V Virtual Machine Management service Account does not have permission to open attachment
11013정성태8/6/201633836개발 환경 구성: 290. Windows 10에서 경험해 보는 Windows Containers와 docker [4]
11012정성태8/6/201623891오류 유형: 346. Windows 10에서 Windows Containers의 docker run 실행 시 encountered an error during CreateContainer failed in Win32 발생
11011정성태8/6/201625509기타: 59. outlook.live.com 메일 서비스의 아웃룩 POP3 설정하는 방법
11010정성태8/6/201622881기타: 58. Outlook에 설정한 SMTP/POP3(예:천리안 메일) 계정 암호를 잊어버린 경우
11009정성태8/3/201628075개발 환경 구성: 289. 2016-08-02부터 시작된 윈도우 10 1주년 업데이트에서 Bash Shell 사용 [8]
11008정성태8/1/201621890오류 유형: 345. 2의 30승 이상의 원소를 갖는 경우 버그가 발생하는 이진 검색(Binary Search) 코드
11007정성태8/1/201623588오류 유형: 344. RDP ActiveX 컨트롤로 특정 PC에 연결할 수 없을 때, 오류 상황을 해결하기 위한 팁파일 다운로드1
11006정성태7/22/201626586개발 환경 구성: 288. SSL 인증서를 Azure Cloud Service에 적용하는 방법
11005정성태7/22/201625227개발 환경 구성: 287. Let's Encrypt 인증서 업데이트 주기: 90일
11004정성태7/22/201620084오류 유형: 343. Invalid service definition or service configuration. Please see the Error List for more details.
11003정성태7/20/201627362VS.NET IDE: 110. Visual Studio 2015에서 .NET Core 응용 프로그램 개발 [1]
11002정성태7/20/201620838개발 환경 구성: 286. Microsoft Azure 서비스의 구독은 반드시 IE로!
11001정성태7/19/201631904.NET Framework: 599. .NET Core/SDK 설치 및 기본 사용법 [6]
11000정성태7/16/201620613오류 유형: 342. Microsoft Visual Studio 2010 Tools for Office Runtime (x86 and x64) 설치 시 오류
... 106  107  108  109  110  111  112  113  114  115  [116]  117  118  119  120  ...