Upgrade to Pro — share decks privately, control downloads, hide ads and more …

BLE on React Native

E86b46be0f4e61db6b28becc5493bbab?s=47 januswel
February 08, 2018
Programming
2
950

BLE on React Native

some tips to use BLE on React Native

E86b46be0f4e61db6b28becc5493bbab?s=128

januswel

February 08, 2018
Tweet

More Decks by januswel

See All by januswel
E86b46be0f4e61db6b28becc5493bbab?s=48 januswel
0
1.1k
E86b46be0f4e61db6b28becc5493bbab?s=48 januswel
0
39
E86b46be0f4e61db6b28becc5493bbab?s=48 januswel
0
580
E86b46be0f4e61db6b28becc5493bbab?s=48 januswel
1
4.7k
E86b46be0f4e61db6b28becc5493bbab?s=48 januswel
0
660
E86b46be0f4e61db6b28becc5493bbab?s=48 januswel
1
810
E86b46be0f4e61db6b28becc5493bbab?s=48 januswel
1
3.5k
E86b46be0f4e61db6b28becc5493bbab?s=48 januswel
0
480
E86b46be0f4e61db6b28becc5493bbab?s=48 januswel
15
2.6k

Other Decks in Programming

See All in Programming
82d6167c4d14393c2e20b37a74b363c5?s=48 kasacchiful
0
160
30e63a1ad21d3944b288fc3d33d1e920?s=48 amrrs
0
130
9a6e4623f9314c5e1fc99635ac9617ed?s=48 nkzn
6
4.2k
Ee4cc84c4dedde009c013c6d5f1a2e84?s=48 tatchnicolas
2
330
2c0947c6a28e7f771ebd9859ecf54e5c?s=48 shinyorke
0
230
9b70cb91fa334ab6a8bf8712b40a772f?s=48 mrtry
0
1.4k
8a820699dff43e6b707a488b592e7a21?s=48 choplin
2
620
527c1db50811ca320e8de57c79a3e15c?s=48 shugostr
0
370
15934fa2aa7b2ce21f091e9b7cffa856?s=48 manfredsteyer
PRO
0
180
D8da26d8c2f31098cb33d5d6087e6668?s=48 shuheiyamada
0
350
D3be793aaf76ed1915295001712ce0f1?s=48 jrfk
0
280
6e704ad00f166b420eba3d174713c82b?s=48 urushiyama
0
320

Featured

See All Featured
C157b16234f1e75e8eac3698c1d4414a?s=48 ddemaree
273
32k
1519587b1a0febb658c36c94f6272b0d?s=48 roundedbygravity
249
21k
E43f8dfd01057f8304f5f8fb9a294d7d?s=48 jeffersonlam
335
16k
D8fc2580cfaca035f666d9e4ee79a7f7?s=48 mongodb
25
4.1k
A9a491b0fcbe0fbce3d64063a37add99?s=48 rmw
15
1k
78b475797a14c84799063c7cd073962f?s=48 holman
464
280k
64827b31aef81498662e8af4bd6d5157?s=48 jonrohan
1021
400k
Aff5641764408271f7bc398f2097edd0?s=48 denniskardys
223
120k
24fc194843a71f10949be18d5a692682?s=48 gr2m
86
11k
C86443373fbfe92996aa882d0d7a59f8?s=48 imathis
484
150k
4262b9cfacfb6b2c77f23e1d0310cd3e?s=48 myddelton
110
11k
282d599b414022eba5096510f675b6e2?s=48 chrislema
174
14k

Transcript

  1. BLE ON REACT NATIVE REACT NATIVE MEETUP #7 2018/01/22 BY

    JANUSWEL

  2. About speaker KBOVTXFM TPGUXBSFFOHJOFFS !$VSF"QQ

  3. CO checker

  4. What is CO checker? "EFWJDFUPNFBTVSFDPODFOUSBUJPOTPG$0JOUIF CSFBUI 5IFNFBTVSFEWBMVFTBSFJNQPSUBOUJOEFYUPDVSF OJDPUJOFBEEJDUJPO #VUFYJTUJOHQSPEVDUTBSFWFSZFYQFOTJWF TPEFWJDFT

    BSFFRVJQQFEJOPOMZIPTQJUBMTDMJOJDT 8FEFDJEFEUPQSPEVDFBOEEJTUSJCVUFEFWJDFTUP QBUJFOUT

  5. Layout 3FBE8SJUF $0WBMVFT 4VCNJU $0WBMVFT

  6. Layout 3FBE8SJUF $0WBMVFT 4VCNJU $0WBMVFT 5PEBZ`TUPQJD

  7. In CureApp… 8FXPSLFEXJUIIBSEXBSFWFOEPS IBSEXBSFEFTJHO pSNXBSFEFWFMPQNFOU $VSF"QQJTSFTQPOTJCMFGPSUIFTPGUXBSFPG TNBSUQIPOFEFWFMPQNFOU

  8. BLE chips $IPPTFPOFGSPNGPMMPXJOHDBUBMPH IUUQTGBCLVSBHJUCPPLTJPCMFEPDT DPOUFOUNPEVMFIUNM 6TFDIJQTIBWFDFSUJpDBUJPOPGDPNQMJBODF XJUIUFDIOJDBMTUBOEBSET l&WBMVBUJPOCPBSEzTBSFUIFCFTUDIPJDFUPHFU TUBSUFE

  9. BLE scanners "OESPJE#-&4DBOOFS IUUQTQMBZHPPHMFDPNTUPSFBQQTEFUBJMT JEDPNNBDEPNCMFCMFTDBOOFSIMKB J04#-&YQMS IUUQTJUVOFTBQQMFDPNKQBQQCMFYQMS JE NU

  10. Module to use BLE SFBDUOBUJWFCMFNBOBHFS IUUQTHJUIVCDPNJOOPWFJUSFBDUOBUJWF CMFNBOBHFS SFBDUOBUJWFCMFJTOPUNBJOUBJOFEOPMPOHFS

  11. Words $FOUSBM %FWJDFTUPVTFTFSWJDFT 4FFBTDMJFOUTJODMJFOUTFSWFSNPEFM 1FSJQIFSBM %FWJDFTUPQSPWJEFTFSWJDFT 4FFBTTFSWFSTJODMJFOUTFSWFSNPEFM

  12. Words $IBSBDUFSJTUJD 4UPSFUP3FBE8SJUFWBMVFT #POEJOH 'FBUVSFTGPSTFDVSJUZ "WBJMBCMF&ODSZQUJPO"VUIFOUJDBUJPO "MTPDBMMFEBTl1BJSJOHz

  13. Read Peripheral Central

  14. Write Peripheral Central

  15. Notify Peripheral Central

  16. Indicate Peripheral Central

  17. Steps to communicate 4FFEPDVNFOUTPGSFBDUOBUJWFCMFNBOBHFS 4DBOQFSJQIFSBM T  $POOFDUUPBEJTDPWFSFEQFSJQIFSBM 3FBE8SJUF/PUJGZ*OEJDBUF

  18. CureApp Use Case 3FBE $0DIBSBDUFSJTUJD XJUIFODSZQUJPO Peripheral Central

  19. React Integration 8FVTF&WFOU&NJUUFS IUUQTHJUIVCDPNBTZODMZ&WFOU&NJUUFS &NJUUJOHFWFOUTXIFO 4DBOOJOHQFSJQIFSBMTJTEPOF 3FBEJTEPOFGSPNQFSJQIFSBMT FUDʜ

  20. React Integration 4FUFWFOUIBOEMFSTJO3FBDUDPNQPOFOU DPNQPOFOU%JE.PVOU $POTVNFFWFOUTXJUITFU4UBUF3FEVYBDUJPOT JOFWFOUIBOEMFST

  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"OESPJEEFWJDFTBSFUPPTMPXUP DPOTVNFFWFOUT "EEXBJUT +VTUBGUFSEFWJDFTBSFCPPUFE DIBSBDUFSJTUJD WBMVFTBSFOPUJOJUJBMJ[FEZFU 8SJUFJOJUJBMWBMVFTUPFBDIDIBSBDUFSJTUJDT CFGPSF3FBE

  23. Problems %POPUGPSHFUlEJTDPOOFDUzGPSFSSPSGSFF EFWFMPQNFOU 5IFSFBSFGFXEFTDSJQUJPOTBCPVUCPOEJOH 5SZBOEFSSPS IUUQXXXTJMFYKQCMPHXJSFMFTT CMVFUPPUIIUNM

  24. Summary 6TJOH#-&JTFBTZPO3FBDU/BUJWF 8FDBOVTFJ04"OESPJEBTQFSJQIFSBMT OPCMFJTBWBJMBCMFUPP IUUQTHJUIVCDPNTBOEFFQNJTUSZOPCMF -FU`THFUTUBSUFE

  25. References IUUQTGBCLVSBHJUCPPLTJPCMFEPDTDPOUFOU NPEVMFIUNM IUUQTHJUIVCDPNJOOPWFJUSFBDUOBUJWFCMF NBOBHFS IUUQXXXTJMFYKQCMPHXJSFMFTT CMVFUPPUIIUNM