JSBridge란 무엇입니까?

JSBridge는 JS와 Native 간의 통신 방법으로 Native와 JS 간의 통신을 정의하는 것입니다. Native는 고정 브리지 객체를 통해서만 JS를 호출하고, JS는 고정 브리지 객체를 통해서만 호출합니다. 토종의.

하이브리드 개발을 해본 사람이라면 누구나 웹을 기반으로 하는 Ionic, PhoneGap 등의 프레임워크를 알고 있습니다. 그런 다음 Bridge 기술의 js를 통해 로컬 라이브러리를 호출합니다.

JSBridge: 이름에서 알 수 있듯이 js와 Native 사이의 가교 역할을 하지만 사실 JSBridge는 JS와 Native 사이의 통신 방식입니다. 간단히 말해서 JSBridge는 Native와 JS 간의 통신을 정의합니다. Native는 고정 브리지 객체를 통해서만 JS를 호출하고 JS는 고정 브리지 객체를 통해서만 Native를 호출합니다. JSBridge는 또 다른 이름이자 잘 알려진 하이브리드 앱 기술입니다.

프로세스: H5 -> 어떤 방식으로든 URL 트리거 -> Native가 URL을 캡처하고 분석 -> 네이티브 처리 -> Native가 H5의 JSBridge 객체를 호출하여 콜백을 전달합니다.

앞서 기본 WebView/UIWebView 컨트롤이 이미 Js와 데이터 통신을 달성할 수 있다고 언급했는데 왜 JSBridge가 필요한가요?

사실 JSBridge를 사용할 때 고려해야 할 사항이 많습니다.

Android4.2 이하에서는 addJavascriptInterface 메소드에 보안 누출이 있습니다

#🎜 🎜#iOS7 이하에서는 JS가 Native를 호출할 수 없습니다

url 스키마 상호 작용 방법은 기존의 성숙한 솔루션으로 다양한 버전과 완벽하게 호환될 수 있으며 이전 버전의 기술과도 호환됩니다.

JSBridge 기술 구현

JSBridge를 구현하려면 다음 단계에 따라 분석해야 합니다.

First 단계: Native와 JS 간의 상호 작용을 위한 전역 브리지 객체 설계

2단계: JS는 Native를 호출하는 방법

3단계: Native는 API가 호출되었음을 어떻게 알 수 있나요# 🎜🎜#

4단계: URL 매개변수 및 콜백 형식 분석

5단계: 네이티브에서 JS를 호출하는 방법

6단계: API 메소드 등록 H5 그리고

JSBridge 형식의 전체 프로세스는 다음과 같이 요약할 수 있습니다.

위 내용은 JSBridge란 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!