react-native - 如何使用电话信用在 React Native 中以编程方式发送 SMS

Question

我正在寻找一种发送 的方法在 React Native 中以编程方式发送 SMS，无需使用 3rd Party API 像 Twilio 或 Firebase 等。我的意图是使用我的 中的电话信用/可用通话时间SIM卡 .

Answer 1

我从以下链接中找到了解决方案，但对其进行了一些编辑，因为原始 wa 在编译期间给出了错误:
注:此解决方案要求您使用 扩展您当前的 React Native 代码库。 native Java 代码模块。但不要让那吓到你。
链接:Sending Direct SMS In React-Native Android by Fateme Fazli
第 1 步:创建 SendSMSModule.java
进入您的android/app/src/main/java/com/your_project_name创建 的文件夹DirectSmsModule.java 模块，使用下面的 Java 代码。

//DirectSmsModule.java  : This is the name of the Java Class/File   
package com.your_project_name; //make sure to change to your project's actual name.

import com.facebook.react.bridge.ReactApplicationContext;
import com.facebook.react.bridge.ReactContextBaseJavaModule;
import com.facebook.react.bridge.Callback;
import com.facebook.react.bridge.ReactMethod;
import com.facebook.react.uimanager.IllegalViewOperationException;
import android.telephony.SmsManager;  //++ make sure this package is available always
 
public class DirectSmsModule extends ReactContextBaseJavaModule {
 
    public DirectSmsModule(ReactApplicationContext reactContext) {
        super(reactContext); //required by React Native
    }
 
    @Override
    //getName is required to define the name of the module represented in JavaScript
    public String getName() { 
        return "DirectSms";
    }
 
    @ReactMethod
    public void sendDirectSms(String phoneNumber, String msg) {
        try {      
            SmsManager smsManager = SmsManager.getDefault();
            smsManager.sendTextMessage(phoneNumber, null, msg, null, null);    
            System.out.println("message sent successfully.");
        } catch (Exception ex) {
            System.out.println("couldn't send message.");
        } 
    }
}

第二步:创建 DirectSmsPackage.java 模块
在同一文件夹中 android/app/src/main/java/com/your_project_name您现在可能有 3 个 Java 文件，添加第 4 个: DirectSmsPackage.java

//DirectSmsPackage.java
package com.your_project_name;

import com.facebook.react.ReactPackage;
import com.facebook.react.bridge.NativeModule;
import com.facebook.react.bridge.ReactApplicationContext;
import com.facebook.react.uimanager.ViewManager;
import com.enoxscanner.DirectSmsModule; // enoxscanner should be replaced with your own package name
 
import java.util.ArrayList;
import java.util.Collections;
import java.util.List;
 
public class DirectSmsPackage implements ReactPackage {
 
    @Override
    public List<ViewManager> createViewManagers(ReactApplicationContext reactContext) {
        return Collections.emptyList();
    }
 
    @Override
    public List<NativeModule> createNativeModules(
            ReactApplicationContext reactContext) {
        List<NativeModule> modules = new ArrayList<>();
        //this is where you register the module
        modules.add(new DirectSmsModule(reactContext));
        return modules;
    }
}

第三步:注册 DirectSmsPackage
现在注册我们刚刚在上面创建的模块。这与您在添加或安装后必须手动链接的那些软件包几乎相同。
在同一文件夹中，找到您的 MainApplication.java 文件并找到下面的代码部分，然后添加突出显示为 的行添加此行 : 注意，您正在编辑 getPackages() function

@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 MyReactNativePackage());

          packages.add(new DirectSmsPackage()); //++ add this line here ++
          return packages;
        }

第 4 步:在您的 RN 脚本中调用 sendDirectSMS

import React, { Component } from 'react';
import { NativeModules, PermissionsAndroid } from 'react-native'; 

//++ import NativeModules since we are using a Native external module
...

const DirectSms = NativeModules.DirectSms;

export class SMSScreen extends Component {

sendDirectSms = async () => {
        try {
            const granted = await PermissionsAndroid.request(
                PermissionsAndroid.PERMISSIONS.SEND_SMS,
                {
                    title: 'Tadiwanashe App Sms Permission',
                    message:
                        'Tadiwanashe App needs access to your inbox ' +
                        'so you can send messages in background.',
                    buttonNeutral: 'Ask Me Later',
                    buttonNegative: 'Cancel',
                    buttonPositive: 'OK',
                },
            );
            if (granted === PermissionsAndroid.RESULTS.GRANTED) {
                DirectSms.sendDirectSms('0772......', 'This is a direct message from your app.');
            } else {
                console.log('SMS permission denied');
            }
        } catch (err) {
            console.warn(err);
        }
    }

    render() {
        return (
            <View style={styles.mother_container}>
                <View style={styles.container}>
                    <TextInput secureTextEntry={true} style={styles.input}
                        underlineColorAndroid="transparent"
                        placeholder="Enter PIN."
                        placeholderTextColor="black"
                        autoCapitalize="none"
                        onChangeText={this.handlePIN}
                        textAlign={'center'}
                    />
                    <TouchableOpacity
                        style={styles.button}
                        onPress={() => this.sendDirectSms()}>
                        <Text style={styles.submitButtonText} selectTextOnFocus={true}> Submit </Text>
                    </TouchableOpacity>
                </View>
                <AppFooter bgColor='#fff' textColor='grey' />
            </View>
        )
    }
}

export default SMSScreen ;

注意:

Google 可能不允许此类自动发送 SMS 的应用程序。

在您的应用程序获得许可之前，您不会收到短信
用户，因此我们导入了 PermissionsAndroid。

上面的链接将为您提供大部分内容的正确解释
细节，这不完全是我的工作，而是简单地进行了相应的编辑
在意识到文章的原始代码有一些
错误，以及文章驻留在一个平台上
与 SO 相比，很难做出适当的贡献。