Microsoft MVP성태의 닷넷 이야기
.NET Framework: 413. C# - chromiumembedded 사용 [링크 복사], [링크+제목 복사],
조회: 37855
글쓴 사람
정성태 (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
정성태

... 136  137  138  [139]  140  141  142  143  144  145  146  147  148  149  150  ...
NoWriterDateCnt.TitleFile(s)
1579정성태1/12/201422244오류 유형: 207. System.ArgumentException was unhandled - Message=[net_WebHeaderInvalidControlChars]
1578정성태1/11/201433759개발 환경 구성: 209. Fiddler에서 WebSocket 통신을 모니터링하는 방법 [1]
1577정성태1/11/201423969오류 유형: 206. WriteFile Win32API 사용 시 비정상 종료 현상 [3]
1576정성태1/11/201441920Windows: 81. 긴 이름의 파일/폴더 삭제하는 법 [5]
1575정성태1/11/201422367오류 유형: 205. Exception calling "Provision" with "0" argument(s): "The timer job did not complete running within the allotted time."
1574정성태1/11/201424365오류 유형: 204. An unhandled exception ('System.Security.Cryptography.CryptographicException') occurred in OWSTIMER.EXE
1573정성태1/11/201422161오류 유형: 203. 이벤트 로그 에러 - MsiInstaller에서 Chart Controls 설치 관련 오류 발생
1572정성태1/9/201425677.NET Framework: 406. CoreLab - OraDirect .NET 사용법
1571정성태1/9/201421859.NET Framework: 405. override 메서드가 정의된 타입의 인스턴스로 base 메서드를 호출하는 방법 - 두 번째 이야기
1570정성태1/9/201425269Math: 11. C# 시뮬레이션 - 몬티홀 게임파일 다운로드1
1569정성태1/8/201422491Windows: 80. 윈도우 서버 백업의 복원하는 옵션 설명
1568정성태1/8/201423040오류 유형: 202. Hyper-V 서비스 시작 오류 - Not enough storage is available to complete this operation.
1567정성태1/8/201492407기타: 40. 오피스 2013 라이선스 리셋하는 방법 [5]
1566정성태1/7/201423391Windows: 79. 윈도우 8 - 스카이드라이브(skydrive)의 Online/Offline 동기화 방식 [1]
1565정성태1/3/201421860.NET Framework: 404. 리플렉션을 이용해 닷넷 LicenseManager를 우회할 수 있는 사례
1564정성태1/3/201422381.NET Framework: 403. override 메서드가 정의된 타입의 인스턴스로 base 메서드를 호출하는 방법파일 다운로드1
1563정성태1/3/201428085오류 유형: 201. ASP.NET 웹 사이트를 IIS 7 이상의 환경에서 호스팅할 때 500 오류 발생
1562정성태1/2/201432749.NET Framework: 402. 카카오톡 PC 버전 실행 시 개발자 컴퓨터에서 Themida 오류 나는 문제 - 두 번째 이야기
1561정성태1/1/201442280오류 유형: 200. 카카오톡 PC 버전 실행 시 개발자 컴퓨터에서 Themida 오류 나는 문제 [2]
1560정성태1/1/201421050오류 유형: 199. Hyper-V - Checkpoint 생성 오류
1559정성태12/30/201324318.NET Framework: 401. windbg에서 확인해 보는 관리 힙의 인스턴스 구조 [2]
1558정성태12/29/201333764.NET Framework: 400. 눈으로 확인하는 LayoutKind 옵션 효과 [2]파일 다운로드1
1557정성태12/27/201322789.NET Framework: 399. LayoutKind 옵션에 대해 [2]
1556정성태12/27/201343111개발 환경 구성: 208. IIS + Node.js 환경 구성 [8]
1555정성태12/27/201329874개발 환경 구성: 207. IIS의 80 포트를 공유하는 응용 프로그램 만드는 방법 [1]
1554정성태12/26/201335261Windows: 78. 마음에 드는 윈도우 8.1 태블릿 - 델 베뉴 8 프로 5830 [4]
... 136  137  138  [139]  140  141  142  143  144  145  146  147  148  149  150  ...