OSS Gate Workshop: Osaka: 2017-04-22: dolly8mimiga: WP to kintone: Work log

[p52moeg]

ToDo

• WordPressの環境と連携するkintoneの環境を構築する

  • WordPressの環境はすでに以前作成済のものがあったのでOK
  • 対応するkintoneのアプリを作成中

• 構築後に実際に挙動を確認する

• 動かない箇所を確認してソースを修正する（トライアンドエラーみたいな感じで

[akipii]

• dolly8mimigaさんにWordPress環境は既にあり。

• 下記プラグインは、GPLｖ２なので問題なし。 WP to kintone — WordPress Plugins https://ja.wordpress.org/plugins/cybozu-wp-to-kintone/#description

[p52moeg]

• WordPressのバージョンを最新版にアップデート：バージョン4.7.4

[p52moeg]

• kintoneですでに完成しているアプリを開発用のkintoneアカウントに移行する

[akipii]

お話を聞くと、REST APIでJSONデータをWordpressからKintoneへ送信しているだけ、とのこと。 ソースを見ると、そんなに難しいソースではない。 但し、お互いのアプリのI/Fが合っていない可能性があるので、試行錯誤が必要と思われる。

[p52moeg]

• kintoneですでに完成しているアプリを開発用のkintoneアカウントに移行する
  • アプリの移行完了。あとサンプルデータも（念のため）移行する。

[akipii]

kintoneはPaasで作っている、とのことなので、環境作成中。後もう少し。

[akipii]

環境構築完了

[akipii]

プラグインの配置完了。APIキーも設定完了。

[akipii]

WordPress画面から、API実行後、エラー発生。 Numericエラーが出ている。 原因調査中。

[p52moeg]

KINTONE API ERROR

Error Message: Application ID must be numeric. Error Code: kintone

[p52moeg]

フォーマットちゃんと直したらエラーはなくなったけど、フォームのレイアウトが反映されていない。要調査。

[p52moeg]

ドキュメント読んでひっかかった箇所をフィードバック。

[p52moeg]

ドキュメントちゃんと読んだことないから読んだほうがいいかも。

[znz]

説明を受けたのと、前回はドキュメントのフィードバックが多かった印象だったという話をしました。

[p52moeg]

[kintone app="74" token=”xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx” sub_domain=”0ec8b” orderby=”code” order=”asc”]

[akipii]

テキスト1つの問い合わせフォームでも、正常表示されない

[p52moeg]

ショートコード通りに記載しても画面にまったく表示されない

[akipii]

環境構築したWordPressで、他プラグインが干渉している可能性があるかも、ということで、削除して試してみる。

[p52moeg]

    <form class="kintone" role="form" method="post" enctype="multipart/form-data">

送信

[akipii]

プラグインのソースcybozu-wp-to-kintone.phpのうち、下記をコメントアウトして試してみた。

1)L136～L152　をコメントアウト →問い合わせボタンが出ない

2)L136～L144　をコメントアウト →問い合わせボタンが出た

[akipii]

cybozu-wp-to-kintone.php　のL144に、else文を追加したところ、WordPressの管理画面が500エラーとなった。 仕方ないので、プラグインを削除して、環境を元に戻す。

[akipii]

環境は復活した。フィードバック文を書く。

[p52moeg]

if ( get_option( 'kintone-error-message', false ) ) { $html .= '<div class="kintone-alert">' . get_option( 'kintone-error-message', false ) . '</div>'; $error = get_option( 'kintone-error-data', array() ); $html .= '<script type="application/javascript">var kintone_error = '.json_encode( $error ).';</script>'; delete_option( 'kintone-error-message' ); delete_option( 'kintone-error-data' ); } elseif ( get_option( 'kintone-success', false ) ) { $html .= '<div class="kintone-alert kintone-alert-success">' . __( 'Your message was sent successfully.', 'kintone' ) . '</div>'; delete_option( 'kintone-success' ); }

この部分が正常に動作していない

[p52moeg]

再現手順

• WordPressのバージョン：4.7.4
• インストールしてショートコード記述

    [kintone app="74" token=”xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx” sub_domain=”0ec8b” orderby=”code” order=”asc”]

• 上記で記述しても、WordPress側で「送信」ボタンは表示されるが、kintoneのフォームの画面が出ない。
• コンソールで特にエラーもなし。
• formタグは出ているものの、中身が空になっている（おそらく生成されていないと思われる）

    if ( get_option( 'kintone-error-message', false ) ) { $html .= '<div class="kintone-alert">' . get_option( 'kintone-error-message', false ) . '</div>'; $error = get_option( 'kintone-error-data', array() ); $html .= '<script type="application/javascript">var kintone_error = '.json_encode( $error ).';</script>'; delete_option( 'kintone-error-message' ); delete_option( 'kintone-error-data' ); } elseif ( get_option( 'kintone-success', false ) ) { $html .= '<div class="kintone-alert kintone-alert-success">' . __( 'Your message was sent successfully.', 'kintone' ) . '</div>'; delete_option( 'kintone-success' ); }

[akipii]

KintoneはPaasでどんどんバージョンアップされているため、公開APIが変わっている可能性もある。 フィードバックはサイボウズ様へ送付する予定。

[iderihatakeshi]

本日はお疲れ様です。とりあえずissueを出す、パッチを書いてPRを出すなど様々な方法があると思いました