react native 使用Native Module、Intent、广播接收器 实现正副双屏的两个app之间的相互通信

已于 2024-01-16 10:36:26 修改
阅读量698 收藏 3
点赞数 2
分类专栏： react native 文章标签： react native javascript 前端
于 2023-06-25 18:44:38 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_44094296/article/details/131378180
版权

一、react native版本环境：

“react”: “18.1.0”,
“react-native”: “0.70.6”,
“node”: "14.18.2

二、发送端步骤： 在A app中注册一个Native Module模块，使用Intent 连接B app，sendBroadcast 发送广播传递数据。
（1）首先在 /android/app/src/main/java/com/judgeapp (包名judgeapp以我自己的项目为例) 创建自定义的原生模块包，如下图所示：
在这里插入图片描述
（2）创建一个SendModule.java自定义的原生模块，具体看代码：

package com.judgeapp.mymodule;

import android.widget.Toast;
import android.content.Context;
import android.content.Intent;
import android.util.Log;

import com.facebook.react.bridge.NativeModule;
import com.facebook.react.bridge.ReactApplicationContext;
import com.facebook.react.bridge.ReactContext;
import com.facebook.react.bridge.ReactContextBaseJavaModule;
import com.facebook.react.bridge.ReactMethod;

public class SendModule extends ReactContextBaseJavaModule {

  public SendModule(ReactApplicationContext reactContext) {
    super(reactContext);
  }

  @Override
  public String getName() {
    return "SendModule";
  }

  // 向另外一个App发送数据的代码逻辑，发送端通过 Intent连接 B app,
  @ReactMethod
  public void sendData(String data) {
    Intent intent = new Intent();
    intent.setAction("com.customerapp.ACTION_RECEIVE"); // 对应接收方的 receiver 广播接收器的 action
    // Log.d("judgeApp", data: " + data);
    intent.putExtra("message", data); // 在intent中添加发送数据的键值对
    intent.setPackage("com.customerapp"); // 指定另外一个App的接收Intent的应用包名
    getReactApplicationContext().sendBroadcast(intent); // sendBroadcast 发送广播
  }
}

（3）创建一个SendModulePackage.java模块包（ReactPackage），用于将自定义的原生模块SendModule.java 注册到React Native应用程序中。代码如下：

package com.judgeapp.mymodule;
import com.judgeapp.mymodule.SendModule;

import com.facebook.react.ReactPackage;
import com.facebook.react.bridge.NativeModule;
import com.facebook.react.bridge.ReactApplicationContext;
import com.facebook.react.uimanager.ViewManager;

import java.util.ArrayList;
import java.util.Collections;
import java.util.List;
import android.util.Log;

public class SendModulePackage implements ReactPackage {
  private static final String TAG = "MainActivity";

  @Override
  public List<ViewManager> createViewManagers(ReactApplicationContext reactContext) {
    return Collections.emptyList();
  }

  @Override
  public List<NativeModule> createNativeModules(ReactApplicationContext reactContext) {
    List<NativeModule> modules = new ArrayList<>();

    modules.add(new SendModule(reactContext)); // 将自定义的原生模块添加到模块包中
    return modules;
  }

}

（4）在MainApplication.java中注册SendModulePackage.java模块包，代码如下：

package com.judgeapp;
import com.judgeapp.mymodule.SendModulePackage; // <-- 引入你自己的包

import android.app.Application;
import android.content.Context;
import com.facebook.react.PackageList;
import com.facebook.react.ReactApplication;
import com.facebook.react.ReactInstanceManager;
import com.facebook.react.ReactNativeHost;
import com.facebook.react.ReactPackage;
import com.facebook.react.config.ReactFeatureFlags;
import com.facebook.soloader.SoLoader;
import com.judgeapp.newarchitecture.MainApplicationReactNativeHost;
import java.lang.reflect.InvocationTargetException;
import java.util.List;

public class MainApplication extends Application implements ReactApplication {

  private final ReactNativeHost mReactNativeHost =
      new ReactNativeHost(this) {
        @Override
        public boolean getUseDeveloperSupport() {
          return BuildConfig.DEBUG;
        }

        @Override
        protected List<ReactPackage> getPackages() {
          @SuppressWarnings("UnnecessaryLocalVariable")
          List<ReactPackage> packages = new PackageList(this).getPackages();
          // Packages that cannot be autolinked yet can be added manually here, for example:
          packages.add(new SendModulePackage());
          return packages;
        }

        @Override
        protected String getJSMainModuleName() {
          return "index";
        }
      };

  private final ReactNativeHost mNewArchitectureNativeHost =
      new MainApplicationReactNativeHost(this);

  @Override
  public ReactNativeHost getReactNativeHost() {
    if (BuildConfig.IS_NEW_ARCHITECTURE_ENABLED) {
      return mNewArchitectureNativeHost;
    } else {
      return mReactNativeHost;
    }
  }

  @Override
  public void onCreate() {
    super.onCreate();
    // If you opted-in for the New Architecture, we enable the TurboModule system
    ReactFeatureFlags.useTurboModules = BuildConfig.IS_NEW_ARCHITECTURE_ENABLED;
    SoLoader.init(this, /* native exopackage */ false);
    initializeFlipper(this, getReactNativeHost().getReactInstanceManager());
  }

  /**
   * Loads Flipper in React Native templates. Call this in the onCreate method with something like
   * initializeFlipper(this, getReactNativeHost().getReactInstanceManager());
   *
   * @param context
   * @param reactInstanceManager
   */
  private static void initializeFlipper(
      Context context, ReactInstanceManager reactInstanceManager) {
    if (BuildConfig.DEBUG) {
      try {
        /*
         We use reflection here to pick up the class that initializes Flipper,
        since Flipper library is not available in release mode
        */
        Class<?> aClass = Class.forName("com.judgeapp.ReactNativeFlipper");
        aClass
            .getMethod("initializeFlipper", Context.class, ReactInstanceManager.class)
            .invoke(null, context, reactInstanceManager);
      } catch (ClassNotFoundException e) {
        e.printStackTrace();
      } catch (NoSuchMethodException e) {
        e.printStackTrace();
      } catch (IllegalAccessException e) {
        e.printStackTrace();
      } catch (InvocationTargetException e) {
        e.printStackTrace();
      }
    }
  }
}

主要是packages.add(new SendModulePackage())这块代码
在这里插入图片描述
（5）在前端使用，代码如下：

// 引入 NativeModules 
import { NativeModules } from 'react-native';

// SendModule 为我们自定义的原生模块
const SendModule = NativeModules.SendModule;
console.log('NativeModules: ', NativeModules);

...
// sendData 是在原生模块自定义的方法，默认数据格式为字符串
SendModule.sendData(JSON.stringify(res.data))
...

三、接收端： 在B app中添加一个广播接收器（BroadcastReceiver），用于接收特定动作（Action）的广播并将数据传递给React Native应用程序。

（1）首先在 /android/app/src/main/java/com/customerapp (包名customerapp 以我自己的项目为例) 创建一个MyBroadcastReceiver.java广播接收器，如下图所示：
在这里插入图片描述
（2）MyBroadcastReceiver.java广播接收器，在这个特定的类中，它的过滤器是设置为接收com.customerapp.ACTION_RECEIVE动作的广播。因此，当发送一个带有这个动作的广播时，这个类的onReceive方法就会被执行，具体代码如下：

// MyBroadcastReceiver.java
package com.customerapp;
import com.customerapp.MainApplication;

import android.content.BroadcastReceiver;
import android.content.Context;
import android.content.Intent;
import android.util.Log;
import com.facebook.react.bridge.WritableMap;
import com.facebook.react.bridge.ReactContext;
import com.facebook.react.modules.core.DeviceEventManagerModule;
import com.facebook.react.bridge.Arguments;

public class MyBroadcastReceiver extends BroadcastReceiver {
    private ReactContext reactContext = MainApplication.getReactContext();
    private String messageKey = "message";
    public MyBroadcastReceiver() {
      // 默认的无参数构造函数
    }
    
    // 通过匹配对应的 action 接收 A app传递过来的数据
    @Override
    public void onReceive(Context context, Intent intent) {
      if (intent.getAction().equals("com.customerapp.ACTION_RECEIVE")) {
        // intent.getStringExtra 获取之前 A app intent.putExtra("message", data)发送的数据
        String receivedMessage = intent.getStringExtra(messageKey);
        Log.d("customerApp", "reactContext: " + reactContext + "__>>>receivedMessage:" +receivedMessage);
        
        WritableMap params = Arguments.createMap();
        params.putString(messageKey, receivedMessage);
        // 原生模块通过emit将数据传递给前端，前端通过 DeviceEventEmitter 监听获取数据
        reactContext.getJSModule(DeviceEventManagerModule.RCTDeviceEventEmitter.class).emit("onMessageReceived", params);
      }
    }
}

（3）上面的 reactContext 是需要在 MainApplication.java 类中设置的，MainApplication.java全部代码如下：

package com.customerapp;
import com.customerapp.mymodule.SendModulePackage; // <-- 引入你自己的包

import android.app.Application;
import android.content.Context;
import com.facebook.react.PackageList;
import com.facebook.react.ReactApplication;
import com.facebook.react.ReactInstanceManager;
import com.facebook.react.ReactNativeHost;
import com.facebook.react.ReactPackage;
import com.facebook.react.config.ReactFeatureFlags;
import com.facebook.soloader.SoLoader;
import com.customerapp.newarchitecture.MainApplicationReactNativeHost;
import com.facebook.react.bridge.ReactContext;
import java.lang.reflect.InvocationTargetException;
import java.util.List;
import android.util.Log;

public class MainApplication extends Application implements ReactApplication {
  private static ReactContext reactContext;

  private final ReactNativeHost mReactNativeHost =
      new ReactNativeHost(this) {
        @Override
        public boolean getUseDeveloperSupport() {
          return BuildConfig.DEBUG;
        }

        @Override
        protected List<ReactPackage> getPackages() {
          @SuppressWarnings("UnnecessaryLocalVariable")
          List<ReactPackage> packages = new PackageList(this).getPackages();
          // Packages that cannot be autolinked yet can be added manually here, for example:
          packages.add(new SendModulePackage());
          return packages;
        }

        @Override
        protected String getJSMainModuleName() {
          return "index";
        }
      };

  private final ReactNativeHost mNewArchitectureNativeHost =
      new MainApplicationReactNativeHost(this);

  @Override
  public ReactNativeHost getReactNativeHost() {
    if (BuildConfig.IS_NEW_ARCHITECTURE_ENABLED) {
      return mNewArchitectureNativeHost;
    } else {
      return mReactNativeHost;
    }
  }

  @Override
  public void onCreate() {
    super.onCreate();
    // If you opted-in for the New Architecture, we enable the TurboModule system
    ReactFeatureFlags.useTurboModules = BuildConfig.IS_NEW_ARCHITECTURE_ENABLED;
    SoLoader.init(this, /* native exopackage */ false);
    initializeFlipper(this, getReactNativeHost().getReactInstanceManager());
  }
  
  public static ReactContext getReactContext() {
    return reactContext;
  }

  /**
   * Loads Flipper in React Native templates. Call this in the onCreate method with something like
   * initializeFlipper(this, getReactNativeHost().getReactInstanceManager());
   *
   * @param context
   * @param reactInstanceManager
   */
  private static void initializeFlipper(
      Context context, ReactInstanceManager reactInstanceManager) {
    if (BuildConfig.DEBUG) {
      try {
        /*
         We use reflection here to pick up the class that initializes Flipper,
        since Flipper library is not available in release mode
        */
        Class<?> aClass = Class.forName("com.customerapp.ReactNativeFlipper");
        aClass
            .getMethod("initializeFlipper", Context.class, ReactInstanceManager.class)
            .invoke(null, context, reactInstanceManager);
      } catch (ClassNotFoundException e) {
        e.printStackTrace();
      } catch (NoSuchMethodException e) {
        e.printStackTrace();
      } catch (IllegalAccessException e) {
        e.printStackTrace();
      } catch (InvocationTargetException e) {
        e.printStackTrace();
      }
    }
    reactInstanceManager.addReactInstanceEventListener(new ReactInstanceManager.ReactInstanceEventListener() {
      @Override
      public void onReactContextInitialized(ReactContext context) {
          // 将ReactContext赋值给静态变量
          // MainApplication.reactContext = context;
          reactContext = context;
          // Log.d("customerApp", "reactContext111: " + reactContext);
          // Log.d("customerApp", "MainApplication.reactContext111: " + MainApplication.reactContext);
      }
    });
    reactInstanceManager.createReactContextInBackground();
  }
}

设置reactContext重要代码为：

// 抛出方法，在 MyBroadcastReceiver.java 中引入
public static ReactContext getReactContext() {
    return reactContext;
  }


// 在此方法中设置 reactContext
private static void initializeFlipper(
      Context context, ReactInstanceManager reactInstanceManager) {
      ...
      //注册了一个ReactInstanceEventListener监听器，因为要在React上下文初始化完成时执行相应的操作，否则 context 为 null
      reactInstanceManager.addReactInstanceEventListener(new ReactInstanceManager.ReactInstanceEventListener() {
      @Override
      public void onReactContextInitialized(ReactContext context) {
          // 将ReactContext赋值给静态变量
          reactContext = context;
      }
    });
    // 调用reactInstanceManager.createReactContextInBackground()方法来在后台创建React上下文
    reactInstanceManager.createReactContextInBackground();
  }

（4）在 AndroidManifest.xml 设置广播接收器，代码如下：

<manifest xmlns:android="http://schemas.android.com/apk/res/android"
  package="com.customerapp">
  <uses-permission android:name="android.permission.INTERNET" />
  <uses-permission android:name="android.permission.CAMERA" />
  <uses-permission android:name="android.permission.RECORD_AUDIO"/>
  <uses-permission android:name="android.permission.RECORD_VIDEO"/>
  <uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE" />
  <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />
  
  // 广播接收器的权限设置
  <uses-permission android:name="android.permission.BROADCAST_SEND" />
  <uses-permission android:name="android.permission.RECEIVE_BOOT_COMPLETED" />
  
  <application
      android:name=".MainApplication"
      android:label="@string/app_name"
      android:icon="@mipmap/ic_launcher"
      android:roundIcon="@mipmap/ic_launcher_round"
      android:allowBackup="true"
      android:theme="@style/AppTheme">
    <activity
        android:name=".MainActivity"
        android:label="@string/app_name"
        android:configChanges="keyboard|keyboardHidden|orientation|screenLayout|screenSize|smallestScreenSize|uiMode"
        android:launchMode="singleTask"
        android:windowSoftInputMode="stateAlwaysHidden|adjustPan"
        android:exported="true">
      <intent-filter>
        <action android:name="com.customerapp.ACTION_SEND" />
        <category android:name="android.intent.category.DEFAULT" />
        <data android:scheme="customerapp" android:host="message" />
      </intent-filter>
    </activity>
    <receiver
        android:name=".MyBroadcastReceiver"
        android:enabled="true"
        android:exported="true">
      <intent-filter>
        <action android:name="com.customerapp.ACTION_RECEIVE" />
      </intent-filter>
    </receiver>
  </application>
</manifest>

注意： 这个广播接收器的action 对应为 上文中发送端 设置的action

intent.setAction(“com.customerapp.ACTION_RECEIVE”); // 对应接收方的 receiver
广播接收器的 action

在这里插入图片描述

（5）在前端中使用，代码如下：

import {
  DeviceEventEmitter
} from 'react-native';

...
// 在componentDidMount 中监听 onMessageReceived 获取数据
componentDidMount () {
    this.state.subscription = DeviceEventEmitter.addListener('onMessageReceived', (params) => {
      console.log('Received message:', params.message);
      let data = JSON.parse(params.message)
      this.setState({
        isStart: true,
        judgeInfo: data,
        list: data.mybusiness,
      })
      store.dispatch(setJudgeInfo(data));
    });
  }
componentWillUnmount () {
  this.state.subscription.remove();
}
...

本文是我第一次开发此种功能实践完后的总结，若哪里不妥，欢迎大佬多多指教。

Echo-潔
关注
  • 2
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
专栏目录
react-native-send-intent:React Native Android模块使用Android的Intent操作将文本发送到可共享的应用程序或拨打电话或打开第三方应用程序
05-13
React本机发送意图 React Native Android模块使用Android的Intent操作将文本发送到可共享的应用程序或拨打电话或打开第三方应用程序。 当您需要在Android设备中的应用之间共享一些文本，并且如果您有有效的电话号码直接拨打电话（如果您在AndroidManifest.xml中请求许可）时，此模块非常有用。 例如：您有短文本，想在SMS或Whatsapp中共享。 安装 npm install react-native-send-intent --save 将其添加到您的android项目中 自动使用： react-native link react-native-send-intent 手动地 在android/setting.gradle .. . include ' :RNSendIntentModule ' , ' :app ' project(
react-native-app-link：使用React Native轻松链接到其他应用
02-04
react-native-app-link 轻松到React Native中的其他应用程序。 如果未在用户手机上安装该应用，请改为打开“ App Store”或“ Play Store”链接。 安装： npm i -S react-native-app-link 用法： import AppLink...
Android广播实现进程间通信，很简单
知道这个有什么用？
05-19 959
应用A发送广播： public class MainActivity extends AppCompatActivity { @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); } public void sendB
PDA广播扫码和焦点扫码的切换功能解决
lyz246859的博客
04-28 1435
在做pda扫码功能中，随便大多数是广播扫码更好用，但是有些客户的pda设备可能比较陈旧，会出现没有广播扫码功能，或者很能自己找到广播扫码的功能块在哪里，因此，为了解决这个问题，在设置界面做了焦点的广播扫码两种切换，通过切换参数，来判断，在扫码页面使用焦点还是扫码，当然，每次切换完，设置本身也需要重新设置，虽然麻烦，但是还是做到兼顾焦点和扫码的客户。
(八)React Native实现调用android原生java方法并实现广播的发送和接受
qq1377399077的专栏
04-15 4183
接触到混合应用开发提议后，首先想到了之前学的ionic，其次便是这两年火遍全球的RN，由于ionic框架用的angular.js，而且angular1和angular2写法区别很大，angular2对于初学者还是比较好接受的，但是angular1写的很乱，代码很难维护，便放弃了。决定用RN后觉得还是蛮顺手的，跟angular2很相似，又是ES6，很快便能入手
两个独立 APP 通过 AIDL 进行通讯的简单例子
weixin_38096197的博客
06-06 1033
在 AIDLClient 项目中，我们需要把 AIDLServer 中 aidl 生成的java文件（图7）拷贝到项目中（图8）来，注意包名也要一致。为了能够正常的创建aidl文件，我们只需要在 build.gradle 的 android 中增加以下代码即可，记得执行同步gradle操作。跟普通java接口差不多。MyService 中的代码如下，此时服务端 APPService 项目的代码就完成了。此时点击对应的按钮，我们可以把 mNumber 自增后的数据设置到服务端，然后又从服务端拿回数据。
React Native Android原生模块开发实战|教程|心得|如何创建React Native Android原生模块
fengyuzhengfan的专栏
01-23 2688
一直想写一下我在React Native原生模块封装方面的一些经验和心得，来分享给大家，但实在抽不开身，今天看了一下日历发现马上就春节了，所以就赶在春节之前将这篇博文写好并发布。
react-native-chat-app:适用于React Native的开源语音和视频通话和文本聊天应用程序
04-28
CometChat厨房水槽示例应用程序（React Native） CometChat厨房水槽示例应用程序（使用CometChat UIKit构建）是一种...但是，您可以使用React Native CLI或使用``expo弹出''命令来创建React Native应用程序将您的应用
React-Native Android 与 IOS App使用一份代码实现方法
09-01
React-Native 是Facebook推出的一款框架，它允许开发者使用JavaScript来编写原生的移动应用程序，同时支持iOS和Android两大平台。这个框架的核心理念是“Learn once, write anywhere”，即学习一次，到处编写。通过...
react native 实现app demo
12-07
现在，当运行你的React Native应用时，你将看到一个简单的导航示例，可以在这两个屏幕之间切换。 在`xrzn`这个压缩包中，可能包含了这个项目的源代码和其他相关资源。解压后，你可以详细研究每个文件和目录，了解其...
react native的插件，它为设备的电池状态添加了一个监听器
06-08
react-native-battery 一个跨平台的 React Native 模块，返回设备的电池电量/状态。 支持iOS和安卓。 包安装 npm install react-native-battery --save iOS 自动设置 react-native 链接 react-native-battery ...
如何在react-native中发送获取Broadcast
qq1076260338的博客
07-08 723
如何在raact-native中发送获取Broadcast 在reactContext中提供了sendEventToJS的方法，可以向RN端发送Event，在下包装了下，方便在Native中与RN使用Broadcast交流。 使用方法 npm install react-native-system-broadcast 栗子 import {NavigationPage} from 'teas...
React Native系列之Native Modules
大灰狼的小绵羊哥哥的博客
04-16 4592
版权声明：个人博客地址 http://blog.csdn.net/qq_21430549/article/category/5857243 先来看下官网对于Native Modules的描述： Sometimes an app needs access to a platform API that React Native doesn’t have a corres
利用广播broadcast实现两个简单应用的通信
qq_43812465的博客
09-27 803
利用广播broadcast receiver实现两个简单应用的通信 首先新建第一个project（也就是第一个应用），在activity_main.xml加入发送广播按钮button： <Button android:id="@+id/btn_send" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_m
Android 进程与进程之间的通讯 详解及实现步骤 -- 两个app实现
最新发布
afufufufu的博客
07-10 1392
2、输入自定义AIDL名字，点击OK，即可创建出AIDL接口文件，文件中会默认生出一个basicTypes方法，该方法描述了AIDL中可以使用的基本类型（int, long, boolean, float, double, String）。2.编译器通过*.aidl文件的描述信息生成符合通信协议的Java代码，我们无需自己去写这段繁杂的代码，只需要在需要的时候调用即可，通过这种方式我们就可以完成进程间的通信工作。4、创建一个实现类，继承刚才创建的AIDL的名称里的Stub类,并实现接口方法。
React Native与Android通信交互2021-05-04
idaretobe的专栏
05-04 550
React Native 作为一个混合开发解决方案，因为业务、性能上的种种原因，总是避免不了与原生进行交互。在开发过程中我们将 RN 与原生交互的几种方式进行了梳理，按照途径主要分为以下几类： 通过原生 Module 进行交互 通过原生 View 进行交互 通过发送事件 Event 进行交互 一、通过原生 Module 进行交互 通过原生 Module 进行交互是最高频的使用方式。封装原生 Module 可以将定义好的原生方法交给 RN 在 JS 端进行调用，JS 端可以在调用方法时通过传参的方式直
[Android]App之间发送和接收广播
bellnai的博客
06-10 3272
（会自动生成MainActivity.java 和 activity_main.xml，只修改了MainActivity.java）（BroadOrderActivity.java和在layout下的activity_broad_order.xml）（3）在同一个模块下创建一个接收者 BroadOrderReceiver。我自己在这里纠结了好久，终于发现是这里的问题，才不能完成app之间通信。（1）创建 BroadOrderActivity，表示发送广播者。小小提一下，主要是这里要设置用户的权限（
React native之IntentAndroid学习
mockingbirds的专栏
01-31 2917
IntentAndroid是RN提供的一个通用接口来调用外部链接，IntentAndroid有如下方法：static openURL(url: string) 根据给定的URL启动对应的应用。static canOpenURL(url: string, callback: Function) 判断是否有已安装的应用可以处理传入的URL。static getInitialURL(callback:
Android AIDL 实现两个APP之间的跨进程通信实例
热门推荐
baidu_31405631的博客
09-08 1万+
1 Service端创建首先需要创建一个Android工程然后创建AIDL文件，创建AIDL文件主要为了生成继承了Binder的Stub类，以便应用Binder进行进程间通信servier端结构如下 AIDL代码如下// IBookManager.aidl package com.example.bookserver.aidl;// Declare any non-default types he
使用JavaScript构建原生移动应用：学习React Native
"React-Learning React Native 是一本英文完整版的书籍，由Bonnie Eisenman编写，专注于教授使用JavaScript构建原生移动应用的技巧。本书由O'Reilly Media出版，旨在帮助读者掌握React Native技术，从而开发iOS应用...
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值