# demo_reactnative_ws_db

**Repository Path**: junyucn/demo_reactnative_ws_db

## Basic Information

- **Project Name**: demo_reactnative_ws_db
- **Description**: 在react native 中使用 wssocket sqlitedb 的例子
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2018-10-31
- **Last Updated**: 2021-06-29

## Categories & Tags

**Categories**: Uncategorized

**Tags**: React

## README

## React Native 使用 WebSocket 和 SqliteDatabase的例子

## WebSocket
1.使用Socket.io 库 进行客户端和服务端Socket通信

客户端：
修改 App.js ,引用 import socket from './js/ioSocket'; 并修改ioSocket.js里面的服务端IP地址（也就是物理机地址）

服务端：
进入server目录，启动socket 服务端
cd server
node ./ioServer.js

2.使用Html5 WebSocket进行Socket通信

客户端：
修改 App.js ,将 import socket from './js/ioSocket' 修改为 import socket from './js/wsSocket';并修改wsSocket.js里面的服务端IP地址（也就是物理机地址）

服务端：
进入server目录，启动socket 服务端
cd server
node ./wsServer.js

3.在虚拟机中运行应用
react-native run-android

之后点击Socket标签中的按钮 发送和接受消息

## SqliteDatabase

1.在虚拟机应用中点击Database标签中的 查询数据按钮，查看查询结果。


### 备注
1.例子中引用了 socket.io-client 库用作客户端socket，socket.io 库用作服务端socket

2.引用了 react-native-sqlite-storage 用于访问原生sqlitedb，目前已经配置了android的编译环境，ios的编译环境未配置。