LINEとGASとWPで写メ日記サイトを構築するメモ
※文章は途中です。構築は完了しました!
イメージ
公式ラインに登録してもらう
↓
独自フォーム作成し、ユーザー登録してもらう(フォームからWPユーザー登録)
↓
管理者がWPのアプリケーションパスワード設定して、登録者へお知らせ
↓
ユーザーが公式LINE→「日記」のメッセージ送信でID付GoogleフォームURL自動送信
↓
リンクからGoogleフォーム起動し、日記投稿
↓
WPへ投稿される
メリット
・ユーザー登録が簡単(アプリケーションパスワードの設定は必要)
・WPを整えておけばGoogleフォームから投稿できる
・費用があまりかからない
・投稿のタイムラグが少ない(postieよりも即反映される)
・Googleフォームで色々と制限を設定できる(画像サイズや枚数、文字数等)
用意するもの
1)LINEデベロッパー
https://developers.line.biz/console/
プロバイダー作成して、Messaging APIチャンネル作成
2)公式LINEアカウント
https://account.line.biz/login
公式ライン作成し、Messaging APIを利用する
https://tech-lab.sios.jp/archives/33512
https://qiita.com/cog1t0/items/08fa37b7ef1f946e1024
↑このURLが最新でとても細かく説明しているので参考にする
3)スプレッドシート、Googleフォーム
スプレッドシート+Googleフォームをリンクさせ、スプレッドシートに「ユーザー」シートを追加、
このシートで投稿ユーザーの管理を行う
GASはスプシに2つ+ユーザー登録用HTML、こちらはデプロイしておく(Webhookで必要)
フォームの方に1つ(WP投稿用)…デプロイ不要だが、フォーム送信時のトリガー設定必要
4)ワードプレスサイト
今回、テーマはTCDが無料で配布しているGLUEを利用する
ここだけお金がかかる。(サーバー代とドメイン代…年1万円位)
5)LINEとGASとWPユーザー登録画面を連携させる
ユーザー登録画面、ユーザー存在チェック、ユーザー登録したけどアプリケーションパスワードが設定されているかチェックを 実装する
6)WP REST APIとGASを使ったWPへの投稿
仕組みはここを参考に構築
https://motoki-design.co.jp/wordpress/wordpress-rest-api/
画像投稿の仕組み、画像投稿後Googleドライブから削除する仕組みも作る
7)ワードプレスを装飾する
いいねボタン実装とか
テンプレートのカスタマイズ等
1)、2)、3)は参考サイトを元に構築する
LINEとGASとWPユーザー登録画面を連携させる
公式LINEから「日記」を入力
↓
ユーザー管理しているスプシに該当LINE IDがあるかチェック
無い場合、ユーザー登録フォームのURLを付けてメッセージを返す