티스토리 뷰

NY_WORK (free)

(2020-09-10) TMS FNC WebBrowser 리뷰

Think Hub 2020. 9. 11. 00:33

www.microsoft.com/ko-kr/edge

 

새 Microsoft Edge 브라우저 다운로드 | Microsoft

최신 버전 Microsoft Edge 브라우저의 새로운 기능을 확인해 보세요. 새 브라우저를 다운로드하기 전에 새로운 기능과 보너스 제도 등에 대해 알아보세요.

www.microsoft.com

시작하기

TMS FNC Core에는 웹 페이지, HTML을 표시하고 다음과 같은 파일을로드 할 수있는 WebBrowser가 포함되어 있습니다.

PDF 파일로. WebBrowser는 또한 스크립트 실행을 허용하고 콜백에서 결과를 포착합니다.

WebBrowser를 시작하려면 FMX.TMSFNCWebBrowser, VCL을 추가하십시오. TMSFNCWebBrowser,

선택한 프레임 워크에 따라 LCLTMSFNCWebBrowser 또는 WEBLib.TMSFNCWebBrowser. 그만큼

WebBrowser 클래스는 TTMSFNCWebBrowser라고하며 코드는

지원되는 프레임 워크. (TMS WEB Core에서 TTMSFNCWebBrowser는 HTML을 표시 할 수있는 DIV입니다.

탐색 기능은 지원되지 않습니다.

 

설치

TTMSFNCWebBrowser를 사용하기 전에 수행해야 할 몇 가지 작업이 있습니다.

선택한 플랫폼에 따라 다릅니다. 다음은 사용하려는 경우 수행 할 단계입니다.

각 플랫폼 / 운영 체제에 대해 개별적으로 TTMSFNCWebBrowser.

 

iOS / macOS

iOS / macOS는 더 이상 UIWebView / WebView 클래스를 지원하지 않으며 WKWebView로 전환되었습니다.

이전에는 문제가 아니었지만 Apple은 최근 다음과 같은 문서를 만들었습니다.

2020 년 4 월부터 UIWebView / WebView 클래스를 사용하는 애플리케이션을 더 이상 허용합니다.”

( https://developer.apple.com/news/?id=12232019b). TTMSFNCWebBrowser가 변경되었습니다.

이러한 변경 사항을 수용하기 위해 내부적으로 WKWebView로 전환되었습니다. WebKit이 필요합니다.

뼈대. IDE 내에서 iOS / macOS SDK에 프레임 워크를 추가하는 방법은 다음 페이지에 설명되어 있습니다.

https://www.tmssoftware.com/site/frameworks.asp

 

Android

기본 브라우저 기능에 필요한 추가 단계가 없습니다. 누락 오류가 발생한 경우

라이브러리를 배포하는 동안 다음 페이지의 지침을 따르십시오.

https://www.tmssoftware.com/site/androidjs.asp

 

Windows (Edge Chromium)

1) 자동 업데이트가 활성화 된 Windows 10에는 이미 Edge Chromium이 포함되어 있습니다.

TAdvWebBrowser에서 사용됩니다.

자동 업데이트가 활성화되어 있지 않거나 이전 버전의 Windows를 사용하는 경우

다음 페이지의 Edge Chromium : https://www.microsoft.com/en-us/edge

v85.0.534.0에 대해 설치를 테스트했습니다. 이전 버전은 지원되지 않습니다.

최신 버전 업데이트를 먼저 테스트해야합니다. 각 업데이트는 잠재적으로

신청. 설치하기 전에 버전 번호를 확인하고 업데이트를 요청하십시오.

브라우저를 실행하는 데 문제가있는 경우. Microsoft는 또한 Edge를 밀어 낼 것입니다

Windows 업데이트를 통한 Chromium ..

2) WebView2Loader_x86.dll 및 WebView2Loader_x64.dll이

System32 및 SysWow64 폴더. dll은 소스에 설치 후 찾을 수 있습니다.

"Edge Support"폴더의 디렉토리. 이러한 dll은 다음과 같은 경우에도 필요합니다.

응용 프로그램 배포!

3) IDE를 시작하고 TTMSFNCWebBrowser 인스턴스를 양식에 놓습니다. 주변의 경계

디자인 타임의 웹 브라우저는 이동 / 선택을위한 것입니다. Edge를 나타내는 파란색 상자

Chromium은 초기화되고 상호 작용이 가능하며 라이브 브라우저 인스턴스입니다. 당신은

브라우저가 성공적으로 초기화되면 다음과 같습니다.

 

URL로 이동

TTMSFNCWebBrowser의 인스턴스를 만든 후 웹 페이지로 이동하는 것은 다음과 같이 간단합니다.

아래 코드를 사용하십시오.

HTML로드

다음 코드를 사용하여 완전히 작동하는 HTML / JavaScript를로드 할 수 있습니다

파일로드

PDF 파일, 이미지, HTML 파일 등과 같은 파일은 LoadFile 메서드를 사용하여로드 할 수 있습니다.

JavaScript 실행

JavaScript 실행이 지원되며 반환 값 콜백과 함께 사용할 수도 있습니다.

다음은 JavaScript를 실행하고 반환 값을 가져 오는 방법을 보여주는 샘플 코드 조각입니다.

TMSFNCWebBrowser1.ExecuteJavascript('function test(param){ return param + "_returned";}

test("Hello");',
 procedure(const AValue: string)
 begin
   TTMSFNCUtils.Log(AValue);
 end
 );

스크린 샷 캡처

TTMSFNCWebBrowser의 현재보기의 스크린 샷 캡처는 호출만큼 쉽습니다.

TMSFNCWebBrowser1.CaptureScreenshot. 비동기 이벤트 OnCaptureScreenshot이

스크린 샷이 준비되는 즉시 호출됩니다. OnCaptureScreenShot 이벤트에는 매개 변수가 있습니다.

TTMSFNCBitmap 유형의 AScreenShot

 

JavaScript 브릿지를 통해 애플리케이션과 통신

자바 스크립트 브리지 객체 등록을 통해 애플리케이션과의 통신이 가능합니다.

개체가 제대로 작동하려면 특정 수의 매개 변수를 준수해야합니다. 정의

브리지 개체는 다음과 같습니다

 TMyBridgeObject = class(TInterfacedPersistent, ITMSFNCCustomWebBrowserBridge)
 private
   FObjectMessage: string;
   function GetObjectMessage: string;
   procedure SetObjectMessage(const Value: string);
 published
   property ObjectMessage: string read GetObjectMessage write SetObjectMessage;
 end;

ObjectMessage 속성이 게시 됨으로 설정되어 있으므로 내부 RTTI가

이 속성을 사용하여 응용 프로그램과 통신합니다. ITMSFNCCustomWebBrowserBridge

인터페이스는 개체가 모바일 환경에서 선택되는지 확인하는 데 사용됩니다.

통신 과정이 약간 다릅니다. HTML에 필요한 JavaScript 부분은 다음과 같습니다.

아래에 표시됩니다

procedure TForm1.FormCreate(Sender: TObject);
const
 BridgeName = 'MyBridge';
var
 w: TTMSFNCWebBrowser;
 o: TMyBridgeObject;
 sHTML: string;
begin
 w := TTMSFNCWebBrowser.Create(Self);
 sHTML :=
 '<html>' + #13 +
 ' <head>' + #13 +
 ' <script>' + #13 +
 w.GetBridgeCommunicationLayer(BridgeName) +
 ' </script>' + #13 +
 ' </head>' + #13 +
 ' <body>' + #13 +
 ' <button onclick="send' + BridgeName + 'ObjectMessage(''Hello World!'');">Click Me!</button>' +#133 +
 ' </body>' + #13 +
 '</html>';
 w.Parent := Self;
 o := TMyBridgeObject.Create;
 w.AddBridge(BridgeName, o);
 w.LoadHTML(sHTML);
end;

먼저 웹 브라우저 인스턴스를 생성하고 브리지 객체를 생성하여

웹 브라우저. ObjectMessage 속성 이름 지정은 중요하며 동일하게 유지되어야합니다. 그만큼

HTML 코드 조각에는 브라우저와 브라우저 간의 통신을 설정하는 도우미 기능이 포함되어 있습니다.

신청. 버튼의 onclick 이벤트에서 볼 수 있듯이 함수는 다음과 같은 문자열 값으로 호출됩니다.

매개 변수. 응용 프로그램과 브라우저 간의 통신은 항상 문자열 값으로 발생합니다.

 

이벤트 사용

TTMSFNCWebBrowser는 OnBeforeNavigate 및 OnNavigateComplete의 두 가지 중요한 이벤트를 노출합니다.

개발자는 웹 브라우저가 탐색하는 페이지 / URL을 검색 할 수 있습니다.

탐색을 차단할 수 있습니다. 다음은 내 특정 페이지에 대한 액세스를 차단하는 샘플입니다.

https://www.tmssoftware.com

procedure TForm1.TMSFNCWebBrowser1BeforeNavigate(Sender: TObject;
 var Params: TTMSFNCCustomWebBrowserBeforeNavigateParams);
begin
 Params.Cancel := Params.URL.Contains('tmsfnccore.asp');
end

 

 

댓글