ブログにいいねボタンを実装してみた
どうも、本業エンジニアです。今回はこのブログに「いいねボタン」を実装してみました。細かいコードはAIに聞けばすぐ出てくると思うので、主に構成とか仕組みについて紹介していこうと思います。
なお、外部のいいねボタンサービス(LikeBtn、Lyket)を利用しない方針でやっています。また、無料で実装&運用できる方法を選択しています。
完成イメージ
以下のようないいね機能が出来上がります。
押すといいね数が繰り上がるボタン↓
記事上にいいね数を表示↓
ざっくり処理フロー
以下のフローで実装しています。恐らく登場人物はなんとなくこれで分かるかと思います。
構成について
今回は以下の構成でやっていきます。
* Cloudflare Workers(いいね数の管理に利用、無料で使えます)
* Ghostの独自テーマ(いいねボタンの表示、いいね数の更新連携)
コードが必要な部分も上記のみになるので、比較的少ないコード量で実装が可能です。
ざっくり手順
以下のステップでやっていくといいと思います。
* Cloudfl