Start IoT with WordPress

IoT using REST API and custom post type of WordPress. Presented at WordCamp Haneda (4F Room A).

Transcript

1. AQSF SGTTe Q?t jbnp CS Q? J AQSF SGTT 
   8PSE$BNQ
   )BOFEB
   
   ஑ా
   ඦ߹ࢠ
2. P GSPG QH ?J PIT iw
3. gueo 1WGS J PI QP PG QSM
4. J N RT VG 鲱鳖鳓鱬র౓ɾ৭Թ౓鱑ม鱍鲎鲑鲐
5. S Q 7QEM 鲱鳖鳓鱬։ৣɾ鳅鲻鳀ܦ༝鱬߹伴ަ׵
6. _ QRVNCS TOCNN EQORV GST Q/ AG IJ S EG 3BTQCFSSZ
   1J
    Y
   "3.
   ()[ H = 3BTQCFSSZ
   1J
   ;FSP
   8 "3.
   ()[ H = "SEVJOP "3.
   .)[ H = NJDSPCJU "3.
   .)[ H = &418300. "3.
   .)[ H =
8. 8J'J ()[ (CQT #-& ()[ .CQT (-5& .ʙ()[ ໿.CQT -18" ʙ.)[ LCQT ;JH#FF ()[
   ೔ຊ ,CQT A SGNGTT GEJPQNQI
9. 3&45  Ұํ޲ ର 8FC4PDLFUT  ૒ํ޲ ର .255  ૒ํ޲ ରଟ SQ QEQN
10. 1 ? -
11. A i t : : P G A FC C IUUQEFNPXQBQJPSHXQKTPOXQWQPTUT
    {"id":1,
 "date":"2017-05-23T06:25:50",
 "date_gmt":"2017-05-23T06:25:50",
 "guid":{"rendered":"http:\/\/demo.wp-api.org\/?p=1"},
 "modified":"2017-05-23T06:25:50",
 "modified_gmt":"2017-05-23T06:25:50",
 "slug":"hello-world",
 "status":"publish",
 "type":"post",
 "link":"https:\/\/demo.wp-api.org\/2017\/05\/23\/hello-world\/",
 "title":{"rendered":"Hello world!"},
 "content":{"rendered":"<p>Welcome to...
12. x w i 1PFRQ P T IUUQEFNPXQBQJPSHXQKTPOXQWQPTUT
    IUUQEFNPXQBQJPSHXQKTPOXQWNFEJB
    IUUQEFNPXQBQJPSHXQKTPOXQWUZQFT
    IUUQEFNPXQBQJPSHXQKTPOXQWDPNNFOUT
    IUUQEFNPXQBQJPSHXQKTPOXQWUBYPOPNJFT
    IUUQEFNPXQBQJPSHXQKTPOXQWVTFST
    ৄࡉ鱴
    IUUQKBXQBQJPSH
    ࢀর
13. y /VT QO G CWC NCDNG XQKTPOXQW40.&5)*/(
    XQKTPO"/:5)*/(W8)"5
14. x w G GPFRQ P add_action( 'rest_api_init', function () { register_rest_route( 'anything/v1', '/get', array( 'methods' => 'GET', 'callback' => 'get_anything_awesome', ) ); } ); function get_anything_awesome() { $data = array('result' => 'great data'); return new WP_REST_Response( $data, 200 ); }
15. - GTRQPTG http://example.net/wp-json/ anything/v1/get {"result":"great data"}
16. 710 710 -F CPGN
18. CSF CSG 3(#
    -&%
    .BUSJY
    1BOFM
    Y
    ʙ
    Y
    3BTQCFSSZ
    1J
    #
    PS
    ;FSP
    "EBGSVJU
    3(#
    .BUSJY
    )"5
    64# " %$
    鲩鱅鳎鳣
    ిݯ୺ࢠ୆
19. CTRDGSS 鳧鳫鳔鱅鳁鲫鳫鳌鳝鱅鲷
    -JOVY
    
 8JOEPXT
    
    *P5
    FUD
    ʙ
 ʙԁ
    লిྗ
    
    UP
    8
    ӳࠃ੡
20. CTRDGSS 鳧鳫鳔鱅鳁鲫鳫鳌鳝鱅鲷
    -JOVY
    
 8JOEPXT
    
    *P5
    FUD
    ʙ
 ʙԁ
    লిྗ
    
    UP
    8
    ӳࠃ੡ 1JO
    )FBEFS )%.* Y64# -"/
21. 710 C S CPGN )6#
    鲫鳅鲧鲷 4JHOBM /FYU
22. . C S .QPPG 鲚鳁鲢鳫鳔鱅鳁
    )6#
    
    鲫鳅鲧鲷
    35$
    鳈鲻鲧鲚鲻鳏ରԠ
    
    ถࠃ"EBGSVJU੡ 1BOFM
23. t dg GS ECN EQPPGE NCPFTECRG RCPGN
24. QH CSG 3BTQCJBO
    -JUF
 IUUQTXXXSBTQCFSSZQJPSHEPXOMPBET
    31J
    3(#
    -&%
    .BUSJY
    -JCSBSZ
 IUUQTHJUIVCDPNI[FMMFSSQJSHCMFENBUSJY
25. CTRD CP 7 G XXXSBTQCFSSZQJPSHEPXOMPBET
26. : G PIT  4%
    鲣鱅鳁鱰
    04
    ॻ鱒ࠐ鲄
     ઃఆ
     鳡鲜鳎鳡鳢鱳鲜鳫鲱鳀鱅鳣
27. .VSP :  鲼鱅鳣鱬
    4%
    鲣鱅鳁鱰ॻ鱒ࠐ鲄
    &UDIFSJP
    
    "QQMF
    1J
    #BLFS
    鱯鱮
28. 1 EJGS IUUQFUDIFSJP
29. -RRNG .CMGS IUUQTXXXUXFBLJOHBMMDPNTPGUXBSF NBDPTYTPGUXBSFNBDPTYBQQMFQJCBLFS
30. /QPH I  SBTQJDPOpH
    鱬ઃఆ
    鳥鲩鱅鳣
    KB@+1 65'
    鲥鱅鳔鱅鳁
    ೔ຊޠ鲥鱅ӳޠ
    64
    ࣌ؒଳ
    "TJB5PLZP
31. PT CNN CEMCIGT  BQU
    鱬鲜鳫鲱鳀鱅鳣
    $ sudo apt install git \ libgraphicsmagick++-dev \ libwebp-dev
32. . 710 C S HJUIVCDPNI[FMMFSSQJSHCMFENBUSJY
33. OCMG $ git clone https://github.com/ hzeller/rpi-rgb-led-matrix $ cd rpi-rgb-led-matrix $ make -C examples-api-use $ cd utils $ make led-image-viewer
34. 0GOQ $ cd example-api-use $ sudo ./demo \
 --led-gpio-mapping=adafruit-hat \ --led-no-hardware-pulse \ --led-chain=4 -L \
 -D 0
35. sk 0 TRNC ACRVV
36. sk t /QNNGE ACRVV OCIGT
37. h lr -SSCPIG Q NCPFTECRG
38. ESQNN 0GOQ $ sudo ./demo \
 --led-gpio-mapping=adafruit-hat \ --led-no-hardware-pulse \ --led-chain=4 -L \
 -D 1 ../../images/wapuu.ppm
39. - -FF -
40. A - e OCIG /JCPIG -
41. /VT QO 1PF Q P ը૾ઃఆ
    4FU
    *NBHF
    /wp-json/wapuu/v1/set/NNN ը૾൪߸ಡ鲄ग़鱜
    (FU
    *NBHF
    /wp-json/wapuu/v1/get
42. x w -FF GPF RQ P add_action( 'rest_api_init', function () { register_rest_route( 'wapuu/v1', '/set/(?P<id>\d+)', array( 'methods' => 'POST', 'callback' => 'set_wapuu_image', 'args' => array( 'id' => array( 'validate_callback' => function($param, $request, $key) { return is_numeric( $param ); } ), ), ) ); register_rest_route( 'wapuu/v1', '/get', array( 'methods' => 'GET', 'callback' => 'get_wapuu_image', ) ); } );
43. t CWG& G OCIG PVODGS function set_wapuu_image( $data ) { $id = $data['id']; update_post_meta( 60, 'wapuu-image', $id ); $data = array( 'id' => $id ); return new WP_REST_Response( $data, 200 ); } function get_wapuu_image() { $id = get_post_meta( 60, 'wapuu-image'); $data = array( 'id' => $id ); return new WP_REST_Response( $data, 200 ); }
44. - GTRQPTG http://example.net/wp-json/ wapuu/v1/get {"id":"001"}
45. JQP EQFG QP CT
46. - p G OCIG PVODGS api="http://example.net/wp-json/wapuu/v1/get" def img_number(): try: html = urllib.urlopen( api ).read() except: return None data = json.loads(html) return data['id']
47. e t c G S WG OCIG D PVODGS image_dir = "~/wapuu/" viewer = "~/rpi-rgb-led-matrix/utils/led-image-viewer" opt = " --led-daemon --led-gpio-mapping=adafruit-hat" +\ " --led-no-hardware-pulse --led-chain=4 -L" prev = None while True: time.sleep(2) number = img_number() if number is None: continue files = glob.glob(image_dir+number+"-*.png") if len(files) < 1: continue if files[0] == prev: continue if prev is not None: kill_img() commands.getstatusoutput("sudo "+viewer+opt+files[0]) prev = files[0]
48. j t c ?VSP QHH OCIG JGP EJCPIG pattern = r"^ *(\d+) .*/led-image-viewer" def kill_img (): id = [] ps_list = commands.getoutput('ps awx') for process in ps_list.split("\n"): match = re.match(pattern, process) if not match: continue id.append(match.group(1)) commands.getoutput("sudo kill "+" ".join(id))
49. GNGE CIG <form method="post" action="/wp-json/wapuu/v1/set/001"> <div>[caption id="attachment_40" align="alignleft" width="150"] <img src="/wp-content/uploads/ 2017/09/001-original-150x150.png" alt="001" width="150" height="150" class="size-thumbnail wp-image-40" /> Original (WordCamp 2011 Fukuoka)<br> <button type="submit" value="001">
 Submit</button> [/caption]</div></form>
50. z ?GORGSC VSG& VO F 7QIIGS
51. GPTG -? "EEPO
    #PBSE
    GPS
    "TUSP1J
    3(#
    -&%
    .BUSJY
    Y
    4FOTPST
 5FNQ)VNJ1SFTT(ZSP.BH
    
52. GPTG -? "EEPO
    #PBSE
    GPS
    "TUSP1J
    3(#
    -&%
    .BUSJY
    Y
    4FOTPST
 5FNQ)VNJ1SFTT(ZSP.BH
     1JO
    )FBEFS 4FOTPST +PZTUJDL
53. 1PW SQ R -? "EEPO
    #PBSE
    &OWJSPONFOU
    4FOTPST
    5FNQFSBUVSF1SFTTVSF
    -JHIU$PMPVS.PUJPO
    g
    .BEF
    CZ
    1JNPSPOJ
    6,
54. 1PW SQ R -? "EEPO
    #PBSE
    &OWJSPONFOU
    4FOTPST
    5FNQFSBUVSF1SFTTVSF
    -JHIU$PMPVS.PUJPO
    g
    .BEF
    CZ
    1JNPSPOJ
    6, 1JO
    )FBEFS 4FOTPST
55. GCTVSG GORGSC VSG&JVO F from sense_hat import SenseHat sense = SenseHat() temp = sense.get_temperature() print("Temperature: %s C" % temp) humi = sense.get_humidity() print("Humidity: %s %%rH" % humi)
56. h /QPWGS P Q F TEQOHQS PFG 0.81Td +0.01H(0.99Td -14.3) +46.3 Td: Temp (℃) H: Humidity ฏԺ ೤ؾ͋Γ
57. AQSF SGTTe 7QI J AQSF SGTT
58. e CMG ISCRJ D
59. AQSF SGTT CT 0C C QSG
60. /VT QO QT ? RG J RT &&EQFG QSFRSGTT QSI&RQT B RG add_action( 'init', 'create_fever_log_type' ); function create_fever_log_type() { register_post_type( 'fever_log', array( 'labels' => array( 'name' => __( 'Fever' ), 'singular_name' => __( 'Fever' ) ), 'public' => true, 'has_archive' => true, ) ); }
61. HGSWGSBNQI RG 鲷鲜鳀鳣
 QPTU@UJUMF ˡ ෆշࢦ਺
    EJTDPNGPSU
    JOEFY ຊจ
    QPTU@DPOUFOU ˡ Թ౓ ࣪౓
    UFNQ
    IVNJEJUZ ߋ৽೔࣌
    QPTU@EBUF ˡ ଌఆ೔࣌
    EBUF
    
    UJNF
62. /SGC G -
63. /VT QO 1PF Q P Թ౓ɾ࣪౓鲗ه࿥
 4VCNJU
    B
    UFNQIVNJEJUZ
    /wp-json/fever/v1/log ෆշࢦ਺鱳ཤྺ鲗औಘ
 (FU
    IJTUPSZ
    PG
    EJTDPNGPSU
    JOEFYFT
    /wp-json/fever/v1/history
64. x w -FF GPF RQ P add_action('rest_api_init', function () { register_rest_route('fever/v1', '/log/', array( 'methods' => 'POST', 'callback' => 'log_fever_value', ) ); register_rest_route('fever/v1' '/history/', array( 'methods' => 'GET', 'callback' => 'get_fever_history', ) ); } );
65. t "( 7QI GOR JVO F function log_fever_value() { $obj = json_decode($_POST); $t = $obj['temp']; $h = $obj['humi']; $data = array(); if (! is_numeric($t) || ! is_numeric($h) ) { return new WP_REST_Response($data, 400); } $json=json_encode(array('temp'=>$t,'humi'=>$h)); $discomf = $t*0.81+$h*($t*0.99-14.3)*0.01+46.3;
66. t ") 7QI GOR JVO F $post = array( 'post_type' => 'fever_log', 'post_name' => 'fever_log', 'post_content' => $json, 'post_title' => $discomf, ); $post_ID = wp_insert_post($post); if (! $post_ID ) { return new WP_REST_Response($data, 500); } $data['post_ID'] = $post_ID; return new WP_REST_Response($data, 200); }
67. HGWGS NQI RQT
68. t m a"( GCF F TEQOHQS PFG GT function get_fever_history() { $num = 360; $args = array ( 'post_type' => 'fever_log', 'numberposts' => $num, 'offset' => 0, 'orderby' => 'date', 'order' => 'ASC', ); $posts = get_posts($args);
69. t m a") GCF F TEQOHQS PFG GT $data = array(); foreach ( $posts as $p ) { setup_postdata( $p ); $data[] = array( 'date' => get_the_date('Y/m/d H:i:s'), 'discomfort' => floatval(get_the_title()), ); } return new WP_REST_Response($data,200); }
70. & R LTQP&HGWGS&W(&J T QS [ {"datetime":"2018\/06\/01 22:25:11", "discomfort":83.0214384153}, {"datetime":"2018\/06\/01 22:25:35", "discomfort":83.3682958288}, {"datetime":"2018\/06\/02 09:12:00", "discomfort":82.3637111865} ]
71. 7QII PI QP CT
72. t GPF GOR&JVO F #!/usr/bin/python api="http://example.net/wp-json/fever/v1/log" import requests from sense_hat import SenseHat sense = SenseHat() temp = sense.get_temperature() humi = sense.get_humidity() env = '{"temp":%f, "humi":%f}' % (temp, humi) response = requests.post(api, env, headers={'Content-Type': 'application/json'} )
73. h GPF RGS QF ECNN $ crontab -e */5 * * * * /home/pi/log-env.py {"temp":30.190403, "humi":41.724270}
74. CMG SCRJ
75. SCRJ 7 DT IUUQEZHSBQITDPN
    IUUQNPSSJTKTHJUIVCJPNPSSJTKT
76. C E ? 7 <html><head> <script type="text/javascript" src="dygraph.js"> </script> <link rel="stylesheet" src="dygraph.css" /> </head> <body> <div id="graphdiv"></div> <script type="text/javascript"> g = new Dygraph( document.getElementById("graphdiv"), // CSV data. ); </script> </body> </html>
77. HVPE QPT RJR add_action('wp_enqueue_scripts','dygraph_styles'); function dygraph_styles() { wp_enqueue_style( 'child-style', get_stylesheet_directory_uri().'/dygraph.css'); wp_enqueue_script( 'dygraph', get_stylesheet_directory_uri().'/dygraph.js'); }
78. RQT BEQP GP <div id="graphdiv"></div> <script type="text/javascript"> g = new Dygraph( // containing div document.getElementById("graphdiv"), // CSV or path to a CSV file. "Time,Fever\n" + "2018-06-02 10:15:07,77.258414\n" + "2018-06-02 10:16:08,77.554262\n" + "2018-06-02 10:17:10,77.680172\n" + "2018-06-02 10:18:02,77.825666\n" + "2018-06-02 10:20:04,78.359325\n" + "2018-06-02 10:25:03,79.242797\n" ); </script>
80. ?:0: 鲿鱅鲷౤ߘ࣌鱰0"VUIೝূ
 "EE
    0"VUI
    BVUIFOUJDBUJPO
    XIFO
    QPTUJOH
    鲨鳡鳍鱳։࢝ɾऴྃ࣌ࠁ鲗ࢦఆՄೳ
 $BO
    TQFDJGZ
    TUBSUFOE
    UJNF
    Թ౓ɾ࣪౓鱥鱖鱳鲨鳡鳍ඳը
 %SBX
    HSBQI
    PG
    UFNQFSBUVSF
    PS
    IVNJEJUZ
    POMZ
81. 2N IJ SCFCS
83. JQ FQGT QSM IUUQTIBCSDPNFOQPTU
84. CSF CSG 3BTQCFSSZ
    1J
    
    35-4%3
    鳁鳫鲨鳣
 64#஍鲿鲰鲹鳝鱅鳂鱅
    鲚鳫鲾鳂
85. v IUUQTIBCSDPNFOQPTU
86. QH CSG HJU
    DMPOF
    IUUQTHJUIVCDPNBOUJSF[ EVNQHJU
    DE
    EVNQ
    NBLF
    EVNQ
    JOUFSBDUJWF
    ŠOFU
87. IUUQTIBCSDPNFOQPTU
88. fjA e 鲣鲱鲷鳘౤ߘ鲷鲜鳏鱬อଘ
    ஍ਤ্鱬දࣔ
89. w IUUQTIBCSDPNFOQPTU
90. ஑ా
    ඦ߹ࢠ
    http://www.yuriko.net/ @lilyfanjp J RT && TN FGTJCSG PG & N N HCP& QSFRSGTT Q J RT &&I JVD EQO&N N HCPLR& QSFHGT) ( TCORNG