阿里云推送ReactNative简单集成

阿里云推送ReactNative简单集成

1.创建ReactNative项目

创建项目完成可以省略这一步，如果初次接触，参考ReactNative中文网创建项目教程。

2.移动推送Android接入SDK

移动推送的SDK接入方式和原生接入大体相同，接入参考：移动推送SDK指南。

3.创建PushMoudle模块

新建PushMoudle类继承ReactContextBaseJavaModule,请参考以下代码：（通知/消息的接收也在这个类中，如不习惯可分开，只需将MyReceiver改成static和其中的调用的方法改为public static即可使用）

package com.awesomeproject;

import android.content.Context;
import android.util.Log;

import com.alibaba.sdk.android.push.CloudPushService;
import com.alibaba.sdk.android.push.CommonCallback;
import com.alibaba.sdk.android.push.MessageReceiver;
import com.alibaba.sdk.android.push.noonesdk.PushServiceFactory;
import com.alibaba.sdk.android.push.notification.CPushMessage;
import com.facebook.react.bridge.Arguments;
import com.facebook.react.bridge.Promise;
import com.facebook.react.bridge.ReactApplicationContext;
import com.facebook.react.bridge.ReactContext;
import com.facebook.react.bridge.ReactContextBaseJavaModule;
import com.facebook.react.bridge.ReactMethod;
import com.facebook.react.bridge.WritableMap;
import com.facebook.react.modules.core.DeviceEventManagerModule;
import com.facebook.react.uimanager.IllegalViewOperationException;

import org.json.JSONObject;

import java.util.Map;

/**
 * Created by Admin on 2017/5/26.
 */

public class PushModule extends ReactContextBaseJavaModule {
   

    private static ReactContext context;

    public PushModule(ReactApplicationContext reactContext) {
        super(reactContext);
        context = reactContext;
    }

    /**
     * 复写方法,在JavaScript中调用相关方法。
     *
     * @return 返回调用的组件名
     */
    @Override
    public String getName() {
        return "PushModule";
    }

    /**
     * 通过promise,获取deviceId
     *
     * @param promise
     */
    @ReactMethod
    public void getDeviceId(Promise promise) {
        try {
            CloudPushService pushService = PushServiceFactory.getCloudPushService();
            if (pushService != null) {
                promise.resolve(pushService.getDeviceId());
            }
        } catch (IllegalViewOperationException e) {
            promise.reject(e);
        }
    }

    /**
     * 推送数据为封装为Map
     *
     * @param title
     * @param summary
     * @param extraMap
     * @return
     */
    private WritableMap convertToWritableMap(String title, String summary, String extraMap) {
        WritableMap params = Arguments.createMap();
        params.putString("title", title);
        params.putString("summary", summary);
        params.putString("extraMap", extraMap);
        return params;
    }

    /**
     * 转换map为json格式的字符串
     *
     * @param map
     * @return
     */
    private String convertMapToJson(Map map) {
        return new JSONObject(map).toString();
    }

    /**
     * 发送接收到的通知/消息到js端
     *
     * @param eventName 时间名称
     * @param params    参数
     */
    private void sendEvent(String eventName, WritableMap params) {