2015-12-30 00:13:35 +00:00
|
|
|
# TCP in React Native
|
|
|
|
|
|
|
|
node's [net](https://nodejs.org/api/net.html) API in React Native
|
|
|
|
|
|
|
|
This module is used by [Peel](http://www.peel.com/)
|
|
|
|
|
|
|
|
## Install
|
|
|
|
|
|
|
|
* Create a new react-native project. [Check react-native getting started](http://facebook.github.io/react-native/docs/getting-started.html#content)
|
|
|
|
|
|
|
|
* In your project dir:
|
|
|
|
```
|
|
|
|
npm install --save react-native-tcp
|
|
|
|
```
|
|
|
|
|
|
|
|
### `iOS`
|
|
|
|
|
|
|
|
* Drag TcpSockets.xcodeproj from node_modules/react-native-tcp/ios into your XCode project.
|
|
|
|
|
|
|
|
* Click on the project in XCode, go to Build Phases, then Link Binary With Libraries and add `libTcpSockets.a`
|
|
|
|
|
|
|
|
### `Android`
|
|
|
|
|
|
|
|
* `android/settings.gradle`
|
|
|
|
|
|
|
|
```gradle
|
|
|
|
...
|
|
|
|
include ':react-native-tcp'
|
2015-12-31 19:04:01 +00:00
|
|
|
project(':react-native-tcp').projectDir = new File(settingsDir, '../node_modules/react-native-tcp/android/core')
|
2015-12-30 00:13:35 +00:00
|
|
|
```
|
|
|
|
* `android/app/build.gradle`
|
|
|
|
|
|
|
|
```gradle
|
|
|
|
dependencies {
|
|
|
|
...
|
|
|
|
compile project(':react-native-tcp')
|
|
|
|
}
|
|
|
|
```
|
|
|
|
|
|
|
|
* register module (in MainActivity.java)
|
|
|
|
|
|
|
|
```java
|
|
|
|
...
|
|
|
|
|
2015-12-31 21:44:37 +00:00
|
|
|
import com.peel.react.*; // <--- import
|
2015-12-30 00:13:35 +00:00
|
|
|
|
|
|
|
public class MainActivity extends Activity implements DefaultHardwareBackBtnHandler {
|
|
|
|
...
|
|
|
|
|
|
|
|
@Override
|
2016-02-02 23:39:04 +00:00
|
|
|
protected List<ReactPackage> getPackages() {
|
|
|
|
return Arrays.<ReactPackage>asList(
|
|
|
|
new MainReactPackage(),
|
|
|
|
new TcpSocketsModule()); // <- add here
|
2015-12-30 00:13:35 +00:00
|
|
|
}
|
|
|
|
}
|
|
|
|
```
|
|
|
|
|
|
|
|
Buckle up, Dorothy
|
|
|
|
|
|
|
|
## Usage
|
|
|
|
|
|
|
|
### package.json
|
|
|
|
|
|
|
|
_only if you want to write require('net') in your javascript_
|
|
|
|
|
|
|
|
```json
|
|
|
|
{
|
|
|
|
"browser": {
|
|
|
|
"net": "react-native-tcp"
|
|
|
|
}
|
|
|
|
}
|
|
|
|
```
|
|
|
|
|
|
|
|
### JS
|
|
|
|
|
|
|
|
_see/run [index.js](examples/rctsockets) for a complete example, but basically it's just like net_
|
|
|
|
|
|
|
|
```js
|
|
|
|
var net = require('net');
|
|
|
|
// OR, if not shimming via package.json "browser" field:
|
|
|
|
// var net = require('react-native-tcp')
|
|
|
|
|
|
|
|
var server = net.createServer(function(socket) {
|
|
|
|
socket.write('excellent!');
|
|
|
|
}).listen(12345);
|
|
|
|
|
|
|
|
var client = net.createConnection(12345);
|
|
|
|
|
|
|
|
client.on('error', function(error) {
|
|
|
|
console.log(error)
|
|
|
|
});
|
|
|
|
|
|
|
|
client.on('data', function(data) {
|
|
|
|
console.log('message was received', data)
|
|
|
|
});
|
|
|
|
```
|
|
|
|
|
|
|
|
### Note
|
|
|
|
|
|
|
|
If you want to send and receive node Buffer objects, you'll have to "npm install buffer" and set it as a global for TcpSockets to pick it up:
|
|
|
|
|
|
|
|
```js
|
|
|
|
global.Buffer = global.Buffer || require('buffer').Buffer
|
|
|
|
```
|
|
|
|
|
|
|
|
### TODO
|
|
|
|
|
|
|
|
add select tests from node's tests for net
|
|
|
|
|
|
|
|
## Contributors
|
|
|
|
|
|
|
|
[Andy Prock](https://github.com/aprock)
|
|
|
|
|
|
|
|
PR's welcome!
|
2016-01-02 19:03:35 +00:00
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
_originally forked from [react-native-udp](https://github.com/tradle/react-native-udp)_
|