ionic项目实战（三）

预言

这次还是ionic的专题，不过跟原生有关，主要讲下ionic跟原生通信及调用原生sdk进行视频监控开发的过程。用的是一个cordova插件调用原生的方法及展示。

1 ionic界面调用

1、1 首先就是下载插件
cordova plugin add cordova-plugin-broadcaster
npm install --save @ionic-native/broadcaster
1、2  在ng-moudle里注册

import { Broadcaster } from  '@ionic-native/broadcaster';

providers: [
    Broadcaster,
  ]

1、3  在页面ts调用

import {Broadcaster} from "@ionic-native/broadcaster";

  ionViewDidLoad() {
      this.broadcaster.fireNativeEvent('test.event',{data: 'success'}).then(()=>{
        console.log('success!');
      });
  }

2 在安卓项目接收

2、1 在安卓项目的MainActivity中接收

    final BroadcastReceiver receiver = new BroadcastReceiver() {
      @Override
      public void onReceive(Context context, Intent intent) {
        String data = intent.getExtras().getString("data");

        Log.d("CDVBroadcaster",
          String.format("Native event [%s] received with data [%s]", intent.getAction(), data));

        if(data.equals("success")){
          Log.i("asd","good");
          Intent intent = new Intent(mActivity, AngToAndr.class);
          startActivity(intent);
        }
      }
    };

    LocalBroadcastManager.getInstance(this)
      .registerReceiver(receiver, new IntentFilter("test.event"));
  }

2.2 调用原生sdk
这样，我们就做了一个在ionic界面点击事件到原生接收的方法，传递data的值到activity,活动接收到就可以调用原生开发好的功能进行展示了。