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

1  2  3  4  5  6  7  8  9  [10]  11  12  13  14  15  ...
NoWriterDateCnt.TitleFile(s)
13375정성태6/20/20232989스크립트: 50. Transformers (신경망 언어모델 라이브러리) 강좌 - 2장 코드 실행 결과
13374정성태6/20/20233121오류 유형: 866. 파이썬 - <class 'AttributeError'> module 'flask.json' has no attribute 'JSONEncoder'
13373정성태6/19/20234415오류 유형: 865. 파이썬 - pymssql 설치 관련 오류 정리
13372정성태6/15/20233129개발 환경 구성: 682. SQL Server TLS 통신을 위해 사용되는 키 길이 확인 방법
13371정성태6/15/20233148개발 환경 구성: 681. openssl - 인증서 버전(V1 / V3)
13370정성태6/14/20233316개발 환경 구성: 680. C# - Ubuntu + Microsoft.Data.SqlClient + SQL Server 2008 R2 연결 방법 - TLS 1.2 지원
13369정성태6/13/20233116개발 환경 구성: 679. PyCharm(을 비롯해 JetBrains에 속한 여타) IDE에서 내부 Window들의 탭이 없어진 경우
13368정성태6/13/20233245개발 환경 구성: 678. openssl로 생성한 인증서를 SQL Server의 암호화 인증서로 설정하는 방법
13367정성태6/10/20233352오류 유형: 864. openssl로 만든 pfx 인증서를 Windows Server 2016 이하에서 등록 시 "The password you entered is incorrect" 오류 발생
13366정성태6/10/20233144.NET Framework: 2128. C# - 윈도우 시스템에서 지원하는 암호화 목록(Cipher Suites) 나열파일 다운로드1
13365정성태6/8/20232913오류 유형: 863. MODIFY FILE encountered operating system error 112(failed to retrieve text for this error. Reason: 15105)
13364정성태6/8/20233700.NET Framework: 2127. C# - Ubuntu + Microsoft.Data.SqlClient + SQL Server 2008 R2 연결 방법 [1]
13363정성태6/7/20233265스크립트: 49. 파이썬 - "Transformers (신경망 언어모델 라이브러리) 강좌" - 1장 2절 코드 실행 결과
13362정성태6/1/20233176.NET Framework: 2126. C# - 서버 측의 요청 제어 (Microsoft.AspNetCore.RateLimiting)파일 다운로드1
13361정성태5/31/20233639오류 유형: 862. Facebook - ASP.NET/WebClient 사용 시 graph.facebook.com/me 호출에 대해 403 Forbidden 오류
13360정성태5/31/20233037오류 유형: 861. WSL/docker - failed to start shim: start failed: io.containerd.runc.v2: create new shim socket
13359정성태5/19/20233355오류 유형: 860. Docker Desktop - k8s 초기화 무한 반복한다면?
13358정성태5/17/20233667.NET Framework: 2125. C# - Semantic Kernel의 Semantic Memory 사용 예제 [1]파일 다운로드1
13357정성태5/16/20233465.NET Framework: 2124. C# - Semantic Kernel의 Planner 사용 예제파일 다운로드1
13356정성태5/15/20233776DDK: 10. Device Driver 테스트 설치 관련 오류 (Code 37, Code 31) 및 인증서 관련 정리
13355정성태5/12/20233710.NET Framework: 2123. C# - Semantic Kernel의 ChatGPT 대화 구현 [1]파일 다운로드1
13354정성태5/12/20233974.NET Framework: 2122. C# - "Use Unicode UTF-8 for worldwide language support" 설정을 한 경우, 한글 입력이 '\0' 문자로 처리
13352정성태5/12/20233591.NET Framework: 2121. C# - Semantic Kernel의 대화 문맥 유지파일 다운로드1
13351정성태5/11/20234094VS.NET IDE: 185. Visual Studio - 원격 Docker container 내에 실행 중인 응용 프로그램에 대한 디버깅 [1]
13350정성태5/11/20233346오류 유형: 859. Windows Date and Time - Unable to continue. You do not have permission to perform this task
13349정성태5/11/20233684.NET Framework: 2120. C# - Semantic Kernel의 Skill과 Function 사용 예제파일 다운로드1
1  2  3  4  5  6  7  8  9  [10]  11  12  13  14  15  ...