React Native bridging library that integrates Mob-SMS
npm install @superhao/react-native-mob-sms --save
react-native link @superhao/react-native-mob-sms
- Config
...
import com.superhao.react_native_mob_sms.MobSMS; // <--- IMPORT
public class MainActivity extends ReactActivity {
...
@Override
public void onCreate() {
super.onCreate();
...
MobSMS.init(this, "your-mob-appkey", "your-mob-appsecret"); // <--- ADD HERE
...
}
...
}- android/settings.gradle
include ':react-native-mob-sms'
project(':react-native-mob-sms').projectDir = new File(rootProject.projectDir, '../node_modules/@superhao/react-native-mob-sms/android')
- android/app/build.gradle
dependencies {
compile project(':react-native-mob-sms')
}
- register module (in MainActivity.java)
...
import com.superhao.react_native_mob_sms.MobSMSReactPackage; // <--- IMPORT
import com.superhao.react_native_mob_sms.MobSMS; // <--- IMPORT
public class MainActivity extends ReactActivity {
...
@Override
protected List<ReactPackage> getPackages() {
return Arrays.<ReactPackage>asList(
new MainReactPackage(),
new MobSMSReactPackage() // <--- ADD HERE
);
}
...
@Override
public void onCreate() {
super.onCreate();
...
MobSMS.init(this, "your-mob-appkey", "your-mob-appsecret"); // <--- ADD HERE
...
}
}react-native link @superhao/react-native-mob-sms
Link
AlipayModulelibrary from your/node_modules/@superhao/react-native-mob-sms/iosfolder like its described here. Don't forget to add it to "Build Phases" of project.
-
Added the following libraries to your "Link Binary With Libraries":
- libz
- libicucore
- libReactNativeMobSMS.a
- JavaScriptCore.framework
- SystemConfiguration.framework
- CoreTelephony.framework
- AdSupport.framework
- AddressBook.framework
- AddressBookUI.framework
-
ADD Your MOBAppKey and MOBAppSecret into Info.plist
<key>MOBAppSecret</key>
<string>Your-MOBAppSecret</string>
<key>MOBAppKey</key>
<string>Your-MOBAppKey</string>if you see error with #import <SMS_SDK/SMSSDK.h> #import <SMS_SDK/SMSSDKResultHandlerDef.h> #import <SMS_SDK/SMSSDKUserInfo.h> .... file not found, you can fix with "SMSSDK.h", "SMSSDKResultHandlerDef", "SMSSDKUserInfo"
import {sendCode} from '@superhao/react-native-mob-sms';
sendCode('your-phone, 'your-zone', 'your-template').
then((data)=>{
if (Platform.OS === 'ios') {
// show toast
// this.refs.toast.show('验证码发送成功', 1500);
}
}).catch((error)=>{
if (Platform.OS === 'ios') {
// show toast
// this.refs.toast.show('验证码发送失败', 1500);
}
});
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent