React-native-http-bridge-refurbished NPM

react-native-http-bridge-refurbished

A maintained fork of react-native-http-bridge.

Simple HTTP server for React Native.

Since 0.5.0 supports and handles GET, POST, PUT and DELETE requests. The library can be useful for handling requests with application/json content type (and this is the only content type we support at the current stage) and returning different responses.

Since 0.6.0 can handle millions of requests at the same time and also includes some very basic support for React Native QT.

Install

npm install --save react-native-http-bridge-refurbished

Example (New Syntax)

import React, {useEffect} from 'react';
import {BridgeServer} from 'react-native-http-bridge-refurbished';
import {Text} from 'react-native';

function App(): JSX.Element {
    const [logs, setLogs] = React.useState<string[]>([]);

    useEffect(() => {
        const server = new BridgeServer('http_service');
        server.get('/', async (req, res) => {
            setLogs([...logs, req.url]);
            return {message: 'OK'}; // or res.json({message: 'OK'});
        });
        
        return () => {
            server.stop();
        };
    }, [logs]);

    return (
        <Text>
            {logs.length === 0 ? 'Request webserver to change text' : logs.join('\n')}
        </Text>
    );
}

export default App;

Example (Old Syntax)

import React, {useEffect} from 'react';
import {respond, start, stop} from 'react-native-http-bridge-refurbished';
import {Text} from 'react-native';

function App(): JSX.Element {
    const [logs, setLogs] = React.useState<string[]>([]);

    useEffect(() => {
        start(5561, 'http_service', request => {
            // you can use request.url, request.type and request.postData here
            if (request.type === 'GET') {
                setLogs([...logs, request.url]);
                respond(
                    request.requestId,
                    200,
                    'application/json',
                    '{"message": "OK"}',
                );
            }

            return () => {
                stop();
            };
        });
    }, [logs]);

    return (
        <Text>
            {logs.length === 0 ? 'Request webserver to change text' : logs.join('\n')}
        </Text>
    );
}

export default App;

After running the example you can send a request to the server using curl: