0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

LINEとGASで写メ日記投稿サイト構築メモ(途中)

Last updated at Posted at 2024-12-21

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を付けてメッセージを返す

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?