Qu'est-ce que JSBridge

JSBridge est une méthode de communication entre JS et Native, qui définit la communication entre Native et JS Native appelle uniquement JS via un objet pont fixe, et JS appelle uniquement via un objet pont fixe.

Cet article présentera des frameworks tels que Ionic et PhoneGap, qui sont connus de tous ceux qui ont fait du développement hybride. Ces frameworks enveloppent une couche de Native sur la base. du Web. Appelez ensuite la bibliothèque locale via js.

JSBridge : Comme son nom l'indique, c'est le pont entre js et Native. En fait, JSBridge est bien une méthode de communication entre JS et Native. En termes simples, JSBridge définit la communication entre Native et JS. Native appelle JS uniquement via un objet pont fixe, et JS appelle uniquement Native via un objet pont fixe. JSBridge est un autre nom et la célèbre technologie d'application hybride.

Processus : H5-> Déclencher une URL d'une manière ou d'une autre ->Native capture l'URL, l'analyse->Traitement natif->Native appelle l'objet JSBridge de H5 pour transmettre le rappel.

Nous avons déjà mentionné que le contrôle natif WebView/UIWebView peut déjà établir une communication de données avec Js, alors pourquoi avons-nous besoin de JSBridge ?

En fait, il y a de nombreuses considérations à prendre en compte lors de l'utilisation de JSBridge :

Sous Android 4.2, la méthode addJavascriptInterface présente des fuites de sécurité

Sous iOS 7, JS ne peut pas être appelé Native

la méthode d'interaction du schéma d'url est une solution mature existante, qui peut être parfaitement compatible avec différentes versions et est compatible avec les technologies des anciennes versions précédentes.

Implémentation de la technologie JSBridge

Pour implémenter JSBridge, nous devons analyser selon les étapes suivantes :

Étape 1 : Concevoir une interaction Native et JS Objet pont global

Étape 2 : Comment JS appelle Native

Étape 3 : Comment Native sait que l'API est appelée

Étape 4 : Analyser les paramètres d'URL et les rappels Format

Étape 5 : Comment Native appelle JS

Étape 6 : Enregistrement et format des méthodes API dans H5

Le processus complet de JSBridge peut être résumé comme suit :

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!