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

... 61  62  63  64  65  66  67  68  69  70  71  72  [73]  74  75  ...
NoWriterDateCnt.TitleFile(s)
12109정성태1/10/202016560오류 유형: 588. Driver 프로젝트 빌드 오류 - Inf2Cat error -2: "Inf2Cat, signability test failed."
12108정성태1/10/202017392오류 유형: 587. Kernel Driver 시작 시 127(The specified procedure could not be found.) 오류 메시지 발생
12107정성태1/10/202018531.NET Framework: 877. C# - 프로세스의 모든 핸들을 열람 - 두 번째 이야기
12106정성태1/8/202019614VC++: 136. C++ - OSR Driver Loader와 같은 Legacy 커널 드라이버 설치 프로그램 제작 [1]
12105정성태1/8/202018127디버깅 기술: 153. C# - PEB를 조작해 로드된 DLL을 숨기는 방법
12104정성태1/7/202019309DDK: 9. 커널 메모리를 읽고 쓰는 NT Legacy driver와 C# 클라이언트 프로그램 [4]
12103정성태1/7/202022417DDK: 8. Visual Studio 2019 + WDK Legacy Driver 제작- Hello World 예제 [1]파일 다운로드2
12102정성태1/6/202018775디버깅 기술: 152. User 권한(Ring 3)의 프로그램에서 _ETHREAD 주소(및 커널 메모리를 읽을 수 있다면 _EPROCESS 주소) 구하는 방법
12101정성태1/5/202018998.NET Framework: 876. C# - PEB(Process Environment Block)를 통해 로드된 모듈 목록 열람
12100정성태1/3/202016496.NET Framework: 875. .NET 3.5 이하에서 IntPtr.Add 사용
12099정성태1/3/202019302디버깅 기술: 151. Windows 10 - Process Explorer로 확인한 Handle 정보를 windbg에서 조회 [1]
12098정성태1/2/202019072.NET Framework: 874. C# - 커널 구조체의 Offset 값을 하드 코딩하지 않고 사용하는 방법 [3]
12097정성태1/2/202017145디버깅 기술: 150. windbg - Wow64, x86, x64에서의 커널 구조체(예: TEB) 구조체 확인
12096정성태12/30/201919855디버깅 기술: 149. C# - DbgEng.dll을 이용한 간단한 디버거 제작 [1]
12095정성태12/27/201921565VC++: 135. C++ - string_view의 동작 방식
12094정성태12/26/201919281.NET Framework: 873. C# - 코드를 통해 PDB 심벌 파일 다운로드 방법
12093정성태12/26/201918853.NET Framework: 872. C# - 로딩된 Native DLL의 export 함수 목록 출력파일 다운로드1
12092정성태12/25/201917660디버깅 기술: 148. cdb.exe를 이용해 (ntdll.dll 등에 정의된) 커널 구조체 출력하는 방법
12091정성태12/25/201919940디버깅 기술: 147. pdb 파일을 다운로드하기 위한 symchk.exe 실행에 필요한 최소 파일 [1]
12090정성태12/24/201920042.NET Framework: 871. .NET AnyCPU로 빌드된 PE 헤더의 로딩 전/후 차이점 [1]파일 다운로드1
12089정성태12/23/201918955디버깅 기술: 146. gflags와 _CrtIsMemoryBlock을 이용한 Heap 메모리 손상 여부 체크
12088정성태12/23/201917942Linux: 28. Linux - 윈도우의 "Run as different user" 기능을 shell에서 실행하는 방법
12087정성태12/21/201918385디버깅 기술: 145. windbg/sos - Dictionary의 entries 배열 내용을 모두 덤프하는 방법 (do_hashtable.py) [1]
12086정성태12/20/201920884디버깅 기술: 144. windbg - Marshal.FreeHGlobal에서 발생한 덤프 분석 사례
12085정성태12/20/201918844오류 유형: 586. iisreset - The data is invalid. (2147942413, 8007000d) 오류 발생 - 두 번째 이야기 [1]
12084정성태12/19/201919291디버깅 기술: 143. windbg/sos - Hashtable의 buckets 배열 내용을 모두 덤프하는 방법 (do_hashtable.py) [1]
... 61  62  63  64  65  66  67  68  69  70  71  72  [73]  74  75  ...