react-native-esptouch

One should know that

This is a Unofficial project. The official demo is below:

EsptouchForAndroid

EsptouchForIOS

Getting started

$ npm install react-native-esptouch --save

Mostly automatic installation

$ react-native link react-native-esptouch

Manual installation

iOS

1. In XCode, in the project navigator, right click Libraries ➜ Add Files to [your project's name]
2. Go to node_modules ➜ react-native-esptouch and add RNEsptouch.xcodeproj
3. In XCode, in the project navigator, select your project. Add libRNEsptouch.a to your project's Build Phases ➜ Link Binary With Libraries
4. Run your project (Cmd+R)<

Android

1. Open up android/app/src/main/java/[...]/MainActivity.java

• Add import com.rickl.rn.esptouch.RNEsptouchPackage; to the imports at the top of the file
• Add new RNEsptouchPackage() to the list returned by the getPackages() method

1. Append the following lines to android/settings.gradle:

   include ':react-native-esptouch'
   project(':react-native-esptouch').projectDir = new File(rootProject.projectDir, 	'../node_modules/react-native-esptouch/android')
   

2. Insert the following lines inside the dependencies block in android/app/build.gradle:

     compile project(':react-native-esptouch')
   

Usage

import RNEsptouch from 'react-native-esptouch';
 
class Demo extends React.Component {
    constructor(props) {
        super(props);
        this.onPress = this.onPress.bind(this);
    }
 
    componentDidMount() {
        RNEsptouch.initESPTouch();
    }
 
    componentWillUnmount() {
        RNEsptouch.finish();
    }
 
    onPress() {
        let connected_wifi_password = "123456";
        let broadcast_type = 1;	// 1: broadcast;	0: multicast
        RNEsptouch.startSmartConfig(connected_wifi_password, broadcast_type).then((res) => {
            if (res.code == 200) {
                // ESPTouch success
            } else {
                // ESPTouch failed
                console.info(res.msg)
            }
        })
    }
 
    render() {
        return (
            <View>
                <Button title="test" onPress={this.onPress} />
            </View>
        )
    }
}
 

Licence

Licence