Heim > Artikel > Web-Frontend > Was ist JSBridge?
JSBridge ist eine Kommunikationsmethode zwischen JS und Native, die die Kommunikation zwischen Native und JS definiert. Native ruft JS nur über ein festes Bridge-Objekt auf.
In diesem Artikel werden Frameworks wie Ionic und PhoneGap vorgestellt, die jedem bekannt sind, der eine Hybridentwicklung durchgeführt hat. Diese Frameworks umfassen eine Ebene von Native Rufen Sie dann die lokale Bibliothek über die js der Bridge-Technologie auf.
JSBridge: Wie der Name schon sagt, ist es die Brücke zwischen js und Native. Tatsächlich ist JSBridge tatsächlich eine Kommunikationsmethode zwischen JS und Native. Einfach ausgedrückt definiert JSBridge die Kommunikation zwischen Native und JS. Native ruft JS nur über ein festes Bridge-Objekt auf, und JS ruft Native nur über ein festes Bridge-Objekt auf. JSBridge ist ein anderer Name und die bekannte Hybrid-App-Technologie.
Prozess: H5-> Eine URL auf irgendeine Weise auslösen->Native erfasst die URL, analysiert sie->Native-Verarbeitung->Native ruft das JSBridge-Objekt von H5 auf, um den Rückruf zu übergeben.
Wir haben bereits erwähnt, dass das native WebView/UIWebView-Steuerelement bereits eine Datenkommunikation mit Js erreichen kann. Warum brauchen wir also JSBridge?
Tatsächlich gibt es viele Überlegungen bei der Verwendung von JSBridge:
Unter Android 4.2 weist die Methode addJavascriptInterface Sicherheitslücken auf
Unter iOS 7, JS kann nicht als nativ bezeichnet werden
URL-Schema-Interaktionsmethode ist eine vorhandene ausgereifte Lösung, die perfekt mit verschiedenen Versionen kompatibel sein kann und mit früheren alten Versionstechnologien kompatibel ist.
JSBridge-Technologieimplementierung
Um JSBridge zu implementieren, müssen wir anhand der folgenden Schritte analysieren:
Schritt 1: Entwerfen Sie eine Native- und JS-Interaktion Globales Bridge-Objekt
Schritt 2: Wie JS Native aufruft
Schritt 3: Wie Native weiß, dass die API aufgerufen wird
Schritt 4: URL-Parameter und Rückrufe analysieren Format
Schritt 5: Wie Native JS aufruft
Schritt 6: Registrierung und Format von API-Methoden in H5
Der gesamte Prozess von JSBridge kann wie folgt zusammengefasst werden:
Das obige ist der detaillierte Inhalt vonWas ist JSBridge?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!