LINE Thingsシナリオセットジェネレータを作った時にハマった話 #enebular

https://n0bisuke.github.io/linethingsgen 使ってみてください〜

こちらにて https://enebular.connpass.com/event/127595/

・enebularを使ってプロキシさせた
・JSのNumber問題
・API作る人はIDの桁が長い場合はStringも用意してほしい

的な話で飛び入りでした。

Transcript

1. @n0bisuke #enebular 2019/6/27 LINE Things γφϦΦηοτδΣωϨʔλΛ enebularͰ࡞ͬͨ࣌ʹϋϚͬͨ࿩
2. ੁݪ ͷͼ͚͢ dotstudio, Inc. ɾWeb Engineer ɾMicrosoft MVP (Node.js) ɾLINE API Expert ɾσδλϧϋϦ΢ουେֶେֶӃ ඇৗۈߨࢣ ɾࠃ಺࠷େIoTίϛϡχςΟʮIoTLTʯͷओ࠵ ɾϓϩτλΠϐϯάઐ໳εΫʔϧ ʮProtoOut Studioʯ2ظੜืूத nobisuke sugawara
3. ϓϩτλΠϐϯάεΫʔϧʮProtoOut Studioʯ
4. LINE Things஌ͬͯ·͔͢?
5. LINE Things ɾLINEΞϓϦ͕BLEػثͱͭͳ͕ΔΑ͏ʹͳΔ΍ͭ ɾLINE BOTͷLIFFͰར༻ ɾϑϩϯτΤϯυͷJavaScriptͰهड़ ɾWeb Bluetoothͷ࢓༷ʹۙͦ͏(΄΅ಉͬ͡Ά͍) ɾLINE Things͍ͬͯ͏৽͍͠IoT HubσόΠε͕ग़ ͨ༁Ͱ͸ͳ͍ʢ࠷ॳ໊લฉ͍ͨ࣌ͦΜͳҹ৅ͩͬͨ ɾࡢ೔ ઌिൃද͞Εͨ͹͔Γ (IoTLT vol45ͷൃදࢿྉΑΓ)
6. (IoTLT vol45ͷൃදࢿྉΑΓ) σϞ - Grove LED Bar
7. LINE Thingsࣗಈ௨৴ػೳ ɾLIFFແ͠Ͱಈ͘Α͏ʹͳͬͨLINE Things ɾࠓ·Ͱͷ͸Web BLE <-> ͜Ε͸Messaging API ɾLINEΞϓϦ্ཱͪ͛ͳ͍Ͱ΋௨஌Ͱ͖Δ ɾ2019/5/10ϦϦʔε
8. LINE Things Messageͷ γφϦΦηοτ࡞੒ͱ͍͏ͷ͕ͪΐͬͱΊΜͲ͍ curl -> response -> curl -> response
9. GUIͰ΍ΕΔ΍ͭΛ࡞ͬͨ n0bisuke/linethingsgen
10. ࢖ͬͯΈͯ΋Βͬͨ https://twitter.com/4_suke/status/1143109887775297536 https://twitter.com/hktechno/status/1143111449176207360
11. ߏ੒ͬΆ͍࿩(͜͏͔ͨͬͨ͠) ϑϩϯτ(ϒϥ΢βଆ) ɾNuxt.js ɾBuefy ɾGitHub Pages CORSͰݫ͍͠ ❌ CORS=ͬ͘͟Γ͍͏ͱϒϥ΢β͔ΒͷΞΫηεΛAPIଆ੍͕ݶ
12. ߏ੒ͬΆ͍࿩ ϑϩϯτ(ϒϥ΢βଆ) ɾNuxt.js ɾBuefy ɾGitHub Pages CORS͸αʔόʔαΠυ͔ΒͷϦΫΤετͩͱجຊ໰୊ͳ͍ enebularΛϓϩع࢜ʹ͢Δ
13. ϊʔυ঺հ
14. ͸·ͬͨͱ͜Ζ ɾLINE ThingsͷϓϩμΫτIDͱݺ͹ΕΔ΋ͷ͕มͳ஋ʹͳͬͨ ɾcurlͩͱେৎ෉ͳͷʹenebularͩͱมʹͳͬͨ…
15. ͸·ͬͨͱ͜Ζ ɾLINE ThingsͷϓϩμΫτIDͱݺ͹ΕΔ΋ͷ͕มͳ஋ʹͳͬͨ ɾcurlͩͱେৎ෉ͳͷʹenebularͩͱมʹͳͬͨ… curlͩͱ 6542459072121616478 ͕ enebularͰΈΔͱ 6542459072121600000 తͳ
16. ͸·ͬͨͱ͜Ζ ɾLINE ThingsͷϓϩμΫτIDͱݺ͹ΕΔ΋ͷ͕มͳ஋ʹͳͬͨ ɾcurlͩͱେৎ෉ͳͷʹenebularͩͱมʹͳͬͨ… curlͩͱ 6542459072121616478 ͕ enebularͰΈΔͱ 6542459072121600000 తͳ LINE? enebular? NodeRED? JavaScript? ύοͱͲ͕͜ݪҼ͔Θ͔Δਓ͍·͢?
17. ݁Ռ JavaScriptͷNumberܕͷ࢓༷Β͍͠
18. TwitterͷAPI͸IDΛจࣈྻΛ༻ҙ͍ͯ͠Δ id_strΈ͍ͨͳΩʔ΄͍͠Ͷ
19. ·ͱΊ ɾLINE Things γφϦΦηοτδΣωϨʔλ࢖ͬͯΈͯͶ ɾenebular͕ಈ͔ͳ͍ -> NodeRED -> JS -> APIଆͬͯײ͡Ͱٙ͏ ɾAPI࡞Δਓ͸NumberؾΛ͚ͭͯͶ