redux-bluetooth

KO | EN

gitlite — search

#javascript #python #typescript #android #deep-learning #linux #docker #java #cli #kubernetes #vue #pytorch #ios #openai

redux-bluetooth

(★ 17)

Redux middleware to dispatch actions via bluetooth to a peripheral store

redux-bluetooth 최신버젼 다운로드

최종 버전 다운로드 (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

**Redux middleware to dispatch actions via bluetooth to a peripheral store**

[![Build Status](https://travis-ci.org/jvallelunga/redux-bluetooth.svg?branch=master)](https://travis-ci.org/jvallelunga/redux-bluetooth)
[![codecov](https://codecov.io/gh/jvallelunga/redux-bluetooth/branch/master/graph/badge.svg)](https://codecov.io/gh/jvallelunga/redux-bluetooth)
![gzip size](http://img.badgesize.io/https://raw.githubusercontent.com/jvallelunga/redux-bluetooth/master/dist/redux-bluetooth.webapp.js?compression=gzip&label=gzip%20size)

</div>

Redux Bluetooth is a project which consists in two components: **webapp** middleware, is a redux middleware to dispatch actions via [web bluetooth](https://developers.google.com/web/updates/2015/07/interact-with-ble-devices-on-the-web#user_gesture_required). **peripheral** store, is a redux store which process actions received over bluetooth and notify changes on every store change.

## Install

```shell
$ npm install redux-bluetooth
```

## Usage

### Webapp

```javascript
import { createSyncStore } from 'redux-bluetooth/build/webapp';

// ACTIONS, list of actions types to dispatch over bluetooth
const store = createSyncStore(ACTIONS);
```

```javascript
import { connect } from 'react-redux';
import { actions } from 'redux-bluetooth/build/webapp';

import Component from './component';

const mapState = state => state;

const mapAction = {
  onConnect: actions.connectStore,
};

export { Component };
export default connect(mapState, mapAction)(Component);
```
**Warning:** actions.connectStore must be trigger by an user action. [more info](https://developers.google.com/web/updates/2015/07/interact-with-ble-devices-on-the-web#user_gesture_required)

### Peripheral
```javascript
import { connectSyncStore } from 'redux-bluetooth/build/peripheral';

// NAME, name of the peripehral
// STORE, redux store
connectSyncStore(NAME, STORE);
```

## Example

### Set up
First, clone this repo and install example dependencies

```shell
$ git clone git@github.com:jvallelunga/redux-bluetooth.git
$ cd redux-bluetooth
$ npm run example:install
```

### Start Peripheral
Make sure you have your bluetooth enabled

```shell
$ npm run example:peripheral:start
```

### Start Webapp Server
In a different terminal window

```shell
$ npm run example:webapp:start
```

### Open Webapp
After starting the server you will see something similar to this.
```shell
Compiled successfully!

You can now view webapp in the browser.

Local:            https://localhost:3000/
  On Your Network:  https://192.168.0.105:3000/

````

Before opening the webapp, go to `chrome://flags/#enable-experimental-web-platform-features`, enable the highlighted flag, and restart Chrome on your mobile.

Then, Make sure you have your bluetooth enabled.

Finally, use the url **On Your Netrowk** to access the web app from your mobile.

redux-bluetooth

redux-bluetooth 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

redux-bluetooth

redux-bluetooth 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Download README