BLE on React Native

some tips to use BLE on React Native

Transcript

1. BLE ON REACT NATIVE REACT NATIVE MEETUP #7 2018/01/22 BY JANUSWEL
2. About speaker KBOVTXFM
   TPGUXBSF
   FOHJOFFS
   !$VSF"QQ
3. CO checker
4. What is CO checker? "
   EFWJDF
   UP
   NFBTVSF
   DPODFOUSBUJPOT
   PG
   $0
   JO
   UIF
   CSFBUI
   5IF
   NFBTVSFE
   WBMVFT
   BSF
   JNQPSUBOU
   JOEFY
   UP
   DVSF
   OJDPUJOF
   BEEJDUJPO
   #VU
   FYJTUJOH
   QSPEVDUT
   BSF
   WFSZ
   FYQFOTJWF
   TP
   EFWJDFT
   BSF
   FRVJQQFE
   JO
   POMZ
   IPTQJUBMTDMJOJDT
   8F
   EFDJEFE
   UP
   QSPEVDF
   BOE
   EJTUSJCVUF
   EFWJDFT
   UP
   QBUJFOUT
5. Layout 3FBE8SJUF
   $0
   WBMVFT 4VCNJU
   $0
   WBMVFT
6. Layout 3FBE8SJUF
   $0
   WBMVFT 4VCNJU
   $0
   WBMVFT 5PEBZ`T
   UPQJD
7. In CureApp… 8F
   XPSLFE
   XJUI
   IBSEXBSF
   WFOEPS
   IBSEXBSF
   EFTJHO
   pSNXBSF
   EFWFMPQNFOU
   $VSF"QQ
   JT
   SFTQPOTJCMF
   GPS
   UIF
   TPGUXBSF
   PG
   TNBSUQIPOF
   EFWFMPQNFOU
8. BLE chips $IPPTF
   POF
   GSPN
   GPMMPXJOH
   DBUBMPH
   IUUQTGBCLVSBHJUCPPLTJPCMFEPDT DPOUFOUNPEVMFIUNM
   6TF
   DIJQT
   IBWF
   DFSUJpDBUJPO
   PG
   DPNQMJBODF
   XJUI
   UFDIOJDBM
   TUBOEBSET
   l&WBMVBUJPO
   CPBSEzT
   BSF
   UIF
   CFTU
   DIPJDF
   UP
   HFU
   TUBSUFE
9. BLE scanners "OESPJE
   #-&
   4DBOOFS
   IUUQTQMBZHPPHMFDPNTUPSFBQQTEFUBJMT JEDPNNBDEPNCMFCMFTDBOOFSIMKB
   J04
   #-&YQMS
   IUUQTJUVOFTBQQMFDPNKQBQQCMFYQMS JE NU
10. Module to use BLE SFBDUOBUJWFCMFNBOBHFS
    IUUQTHJUIVCDPNJOOPWFJUSFBDUOBUJWF CMFNBOBHFS
    SFBDUOBUJWFCMF
    JT
    OPU
    NBJOUBJOFE
    OP
    MPOHFS
11. Words $FOUSBM
    %FWJDFT
    UP
    VTF
    TFSWJDFT
    4FF
    BT
    DMJFOUT
    JO
    DMJFOUTFSWFS
    NPEFM
    1FSJQIFSBM
    %FWJDFT
    UP
    QSPWJEF
    TFSWJDFT
    4FF
    BT
    TFSWFST
    JO
    DMJFOUTFSWFS
    NPEFM
12. Words $IBSBDUFSJTUJD
    4UPSF
    UP
    3FBE8SJUF
    WBMVFT
    #POEJOH
    'FBUVSFT
    GPS
    TFDVSJUZ
    "WBJMBCMF
    &ODSZQUJPO"VUIFOUJDBUJPO
    "MTP
    DBMMFE
    BT
    l1BJSJOHz
13. Read Peripheral Central
14. Write Peripheral Central
15. Notify Peripheral Central
16. Indicate Peripheral Central
17. Steps to communicate 4FF
    EPDVNFOUT
    PG
    SFBDUOBUJWFCMFNBOBHFS
    4DBO
    QFSJQIFSBM T
    $POOFDU
    UP
    B
    EJTDPWFSFE
    QFSJQIFSBM
    3FBE8SJUF/PUJGZ*OEJDBUF
18. CureApp Use Case 3FBE
    $0
    DIBSBDUFSJTUJD
    XJUI
    FODSZQUJPO Peripheral Central
19. React Integration 8F
    VTF
    &WFOU&NJUUFS
    IUUQTHJUIVCDPNBTZODMZ&WFOU&NJUUFS
    &NJUUJOH
    FWFOUT
    XIFO
    4DBOOJOH
    QFSJQIFSBMT
    JT
    EPOF
    3FBE
    JT
    EPOF
    GSPN
    QFSJQIFSBMT
    FUDʜ
20. React Integration 4FU
    FWFOU
    IBOEMFST
    JO
    3FBDU
    DPNQPOFOU
    DPNQPOFOU%JE.PVOU
    $POTVNF
    FWFOUT
    XJUI
    TFU4UBUF3FEVY
    BDUJPOT
    JO
    FWFOU
    IBOEMFST
21. 1 class BleManager extends EventEmitter2 { 2 startScanning() { /* snip */ } 3 connectToPeripheral() { /* snip */ } 4 async readCharacteristic() { /* snip */ } 5 async startMeasuring() { 6 const value = await this.readCharacteristic() 7 this.emit('READ', value) 8 } 9 } 1 class SomeComponent extends React.Component { 2 handleRead(value) { 3 this.props.actions.storeValues(value) 4 } 5 componentDidMount() { 6 this.props.bleManager.on( 7 'READ', 8 this.handleRead.bind(this) 9 ) 10 } 11 render() { 12 /* render buttons to 13 * - startScanning 14 * - connectToPeripheral, 15 * - startMeasuring */ 16 } 17 }
22. Problems 4PNF
    "OESPJE
    EFWJDFT
    BSF
    UPP
    TMPX
    UP
    DPOTVNF
    FWFOUT
    "EE
    XBJUT
    +VTU
    BGUFS
    EFWJDFT
    BSF
    CPPUFE
    DIBSBDUFSJTUJD
    WBMVFT
    BSF
    OPU
    JOJUJBMJ[FE
    ZFU
    8SJUF
    JOJUJBM
    WBMVFT
    UP
    FBDI
    DIBSBDUFSJTUJDT
    CFGPSF
    3FBE
23. Problems %P
    OPU
    GPSHFU
    lEJTDPOOFDUz
    GPS
    FSSPSGSFF
    EFWFMPQNFOU
    5IFSF
    BSF
    GFX
    EFTDSJQUJPOT
    BCPVU
    CPOEJOH
    5SZ
    BOE
    FSSPS
    IUUQXXXTJMFYKQCMPHXJSFMFTT CMVFUPPUIIUNM
24. Summary 6TJOH
    #-&
    JT
    FBTZ
    PO
    3FBDU
    /BUJWF
    8F
    DBO
    VTF
    J04"OESPJE
    BT
    QFSJQIFSBMT
    OPCMF
    JT
    BWBJMBCMF
    UPP
    IUUQTHJUIVCDPNTBOEFFQNJTUSZOPCMF
    -FU`T
    HFU
    TUBSUFE
25. References IUUQTGBCLVSBHJUCPPLTJPCMFEPDTDPOUFOU NPEVMFIUNM
    IUUQTHJUIVCDPNJOOPWFJUSFBDUOBUJWFCMF NBOBHFS
    IUUQXXXTJMFYKQCMPHXJSFMFTT CMVFUPPUIIUNM