目录

If your app is in hybrid mode and needs to call an HTML5 page to report data through JavaScript, the method of calling the HMS Core Analytics SDK in the HTML5 page must be forwarded by the native code of the app to the JavaScript. The sample code is as follows:

Methods exposed to the webView in the app

  1. // Define the JavaScript object exposed to an HTML5 page. The methods marked with JavascriptInterface can be called by the HTML5 page.
  2. public class HiAnalyticsWebInterface{
  3.    HiAnalyticsInstance instance;
  4.    public HiAnalyticsWebInterface(Context context){
  5.        HiAnalyticsTools.enableLog();
  6.        instance = HiAnalytics.getInstance(context);
  7.        instance.setAnalyticsEnabled(true);
  8.    }
  9.    @JavascriptInterface
  10.    public void onEvent(String eventName,String jsonString) {
  11.        instance.onEvent(eventName,bundleFromJson(jsonString))
  12.    }
  13.    private Bundle bundleFromJson(String jsonString){
  14.     //
  15.    }
  16. }
  1. // Add the HiAnalyticsWebInterface instance to the JavaScript API of the webView.
  2. public class WebActivity extends AppCompatActivity{
  3.     WebView webView;
  4.     @Override
  5.     protected void onCreate(Bundle savedInstanceState) {
  6.        webView=new WebView(this);
  7.        //...
  8.        // Define the JavaScript object exposed to the HTML5 page as HiAnalyticsObj.
  9.        webView.addJavascriptInterface(new HiAnalyticsWebInterface(this),"HiAnalyticsObj");
  10.     }
  11. }

Sample code for calling a method in an HTML5 page

  1. // The onEvent method is used as an example. The access methods of other methods are similar.
  2. function onEvent(eventName,eventParams){
  3.    if(!eventName){
  4.      return
  5.    }
  6.    if(window.HiAnalyticsObj){
  7.        window.HiAnalyticsObj.onEvent(eventName,JSON.stringify(eventParams))
  8.    }else{
  9.        console.log('no method found')
  10.    }
  11. }