WordBench京都 ９月号：kintone×WordPressハンズオン
•
3 likes•4,646 views
WordBench京都 ９月号で、kintoneのデータを取得するWordPressプラグインを作成するハンズオンのスライドです。
Recommended
More Related Content
Similar to WordBench京都 ９月号：kintone×WordPressハンズオン
Similar to WordBench京都 ９月号：kintone×WordPressハンズオン (20)
More from Takashi Hosoya
More from Takashi Hosoya (13)
WordBench京都 ９月号：kintone×WordPressハンズオン
- 1. kintone×WordPress ハンズオン kintone エバンジェリスト 細谷 崇 ( hosoya takashi ) Twitter: @tkc49 WordBench京都 9月号
- 3. 準備物の確認
- 12. ハンズオンの内容
- 13. ハンズオンの内容
- 17. ハンズオンの内容 Cybozu WP to kintone kintoneのフォーム情報を取得し WEBサイトにフォームのページを 作成することが可能。
- 18. 表示するためのレシピ
- 19. 表示するためのレシピ ・kintone API/REST API ・Plugin API/Hooks ・Shortcode API
- 20. ドキュメント
- 28. 英語がイヤイヤな方 (T_T)
- 30. では始めましょう
- 56. まずはkintoneアプリの作成
- 62. アプリ完成
- 63. いよいよプラグインの作成
- 64. その前に・・・
- 65. デバックモードに・・・ define( 'WP_DEBUG', true ); root/wp-‐config.php
- 67. その前に・・・
- 71. 管理画面にプラグインを表示
- 72. 管理画面にプラグインを表示 <?php /** * Plugin Name: Kintone Show Data * Description: Cybozu kintoneの情報を表示します。 * Version: 0.0.1 * Author: Your Name * License: GPLv2 * Domain Path: /languages */ kintone-‐show-‐data.php
- 74. プラグインの型を書く <?php /** * Plugin Name: Kintone Show Data * Description: Cybozu kintoneの情報を表示します。 * Version: 0.0.1 * Author: Takashi Hosoya * License: GPLv2 * Domain Path: /languages */ $KintoneShowData = new KintoneShowData(); $KintoneShowData-‐>register(); class KintoneShowData { function __construct() { //コンストラクター } public function register() { //レジスター } } kintone-‐show-‐data.php
- 76. アクションフックを登録する class KintoneShowData { function __construct() { //コンストラクター } public function register() { //レジスター add_action( 'plugins_loaded', array( $this, 'plugins_loaded' ), 1 ); } public function plugins_loaded() { // プラグインが全て読み込まれた後に実行 } } kintone-‐show-‐data.php
- 77. add_action( 'plugins_loaded', array( $this, 'plugins_loaded' ), 1 ); アクションフックを登録する
- 78. add_action( 'plugins_loaded', array( $this, 'plugins_loaded' ), 1 ); 「plugins_loaded」というアクションフックに アクションフックを登録する
- 79. add_action( 'plugins_loaded', array( $this, 'plugins_loaded' ), 1 ); 「plugins_loaded」というアクションフックに 自身の「plugins_loaded」メソッドを登録する。 アクションフックを登録する
- 80. add_action( 'plugins_loaded', array( $this, 'plugins_loaded' ), 1 ); 「plugins_loaded」というアクションフックに 自身の「plugins_loaded」メソッドを登録する。 登録すると、「plugins_loaded」が実行されたタイミングで 自身の「plugins_loaded」メソッドも実行して貰える。 これを「フック」と言います。 実行したい処理をフックしておく。 アクションフックを登録する
- 82. ショートコードを登録する class KintoneShowData { function __construct() { //コンストラクター } public function register() { //レジスター add_action( 'plugins_loaded', array( $this, 'plugins_loaded' ), 1 ); } public function plugins_loaded() { // プラグインが全て読み込まれた後に実行 add_shortcode( 'KintoneShowData', array( $this, 'kintone_show_data_func' )); } public function kintone_show_data_func(){ // 「KintoneShowData」ショートコードが呼ばれたら実行する return ‘表示OK！’; } kintone-‐show-‐data.php
- 83. add_shortcode( 'KintoneShowData', array( $this, 'kintone_show_data_func' )); ショートコードを登録する
- 84. ショートコードを登録する
- 86. kintone REST API で必要なもの
- 87. kintone REST API で必要なもの ①サブドメイン xxx.cybozu.com/k/84/ ②アプリ番号 xxx.cybozu.com/k/84/ サブドメイン, アプリ番号, APIトークン
- 88. kintone REST API で必要なもの 「このアプリの設定」をクリック！
- 89. kintone REST API で必要なもの 「詳細設定」をクリック！
- 90. kintone REST API で必要なもの 「APIトークン」をクリック！
- 91. kintone REST API で必要なもの 「生成する」をクリック！
- 92. kintone REST API で必要なもの 今回は表示するだけなので 「レコード閲覧」のみでOK！
- 93. kintone REST API で必要なもの APIトークンをメモっとく
- 94. kintone REST API で必要なもの 「保存」をクリック
- 95. kintone REST API で必要なもの 必ず「設定完了」をする
- 96. kintone REST API で必要なもの 当然「OK」
- 98. WordPressでのREST APIの利用 $response = wp_remote_get( $url, $args ); PHPから外部APIを叩く時は、file_get_contents を使いますが、 WordPressには、wp_remote_get 関数が用意されているので、 そちらを使うのが良いです！ <?php $args = array( 'timeout' => 5, 'redirection' => 5, 'httpversion' => '1.0', 'user-‐agent' => 'WordPress/' . $wp_version . '; ' . get_bloginfo( 'url' ), 'blocking' => true, 'headers' => array(), 'cookies' => array(), 'body' => null, 'compress' => false, 'decompress' => true, 'sslverify' => true, 'stream' => false, 'filename' => null ); ?>
- 99. kintoneのデータを取得する ・ ・ ・ public function plugins_loaded() { // プラグインが全て読み込まれた後に実行 add_shortcode( 'KintoneShowData', array( $this, 'kintone_show_data_func' )); } public function kintone_show_data_func(){ // 「KintoneShowData」ショートコードが呼ばれたら実行する $url = 'https://サブドメイン.cybozu.com/k/v1/records.json?app=アプリ番 号'; $headers = array( 'X-‐Cybozu-‐API-‐Token' => ‘トークン' ); $res = wp_remote_get( $url, array( 'headers' => $headers ) ); $return_value = json_decode( $res['body'], true ); // ちゃんと取得出来ているか確認する var_dump($return_value); kintone-‐show-‐data.php
- 100. kintoneのデータを取得する
- 101. kintoneのデータを取得する $return_value = json_decode( $res['body'], true ); $str = "<table border=‘1'>"; $str .= "<tr>"; $str .= "<th>レコード番号</th>"; $str .= "<th>名前</th>"; $str .= "<th>性別</th>"; $str .= "<th>メールアドレス</th>"; $str .= "<th>満足度</th>"; $str .= "<th>感想</th>"; $str .= "</tr>"; for( $i=0; $i < count( $return_value['records'] ); $i++ ){ $str .= "<tr>"; $str .= sprintf("<td>%s</td>", $return_value['records'][$i]['レコード番号']['value']); $str .= sprintf("<td>%s</td>", $return_value['records'][$i]['name']['value']); $str .= sprintf("<td>%s</td>", $return_value['records'][$i]['sex']['value']); $str .= sprintf("<td>%s</td>", $return_value['records'][$i]['email']['value']); $str .= sprintf("<td>%s</td>", $return_value['records'][$i]['satisfaction']['value']); $str .= sprintf("<td>%s</td>", $return_value['records'][$i]['impressions']['value']); $str .= "</tr>"; } $str .= "</table>"; return $str; } }
- 102. kintoneのデータを取得する
- 103. 時間があれば Cybozu WP to kintone の使い方の説明をします。
- 104. 便利ツールの紹介
- 105. 便利ツールの紹介：kintone PHP SDK The Kintone SDK for PHP https://github.com/hissy/kintone-php kintone API SDK for PHP https://github.com/cstap/kintone-sdk-php
- 109. ぜひ！！！！