WordPressにプッシュ通知をつけるプラグイン(と通知用API)を作ったお話

  • このエントリーをはてなブックマークに追加

最近は企業サイトやブランドサイトでもWordPress(以下WP)でのサイト構築が増えてきました。

弊社でもWPでのサイト構築やリニューアルなどが増えてきており、今後も需要が増えてくると思います。

また、今使っているWPのサイトをアプリ化したい(WebViewなどで)という事もあるかと思うので、その場合、比較的簡単にプッシュ通知を実装できるプラグイン(と通知を行うAPI)を作ってみました。

どんな構成

WPがPHPで動くので、開発言語はPHPとなります。

今回はプッシュ通知の登録管理をWP上で行いたいのでプラグインとして使います。

また、実際にプッシュ通知を行うのはプラグイン上ではなく、別途作成するAPIから通知するため(理由は後述)、構成としてはWPのプラグイン+独自APIという構成となります。

ちなみになぜプッシュ通知処理をWordPressで行わなかったかというと、

  • WordPress上ではデフォルトでREST API形式が使えない
  • cron設定が行えない(wp-cronはサイトアクセスしたときに動くため)
という2点から、独自のAPIを実装しました。

プラグインはどんな機能?

プラグイン上でプッシュ通知の管理を行うのですが、こちらで「いつ」「どんな内容を」送るのか設定できます。



即時通知にチェックを入れると即時で通知、予定日時(15分刻み)を設定するとその時刻になると一斉にプッシュ通知を送ります。

今回のバージョンではiOS、Androidのセグメントを行っていませんが、データ上は行えるようになっています。

APIはどんな機能?

プラグインの役割は大きく分けて2つあります。
  • アプリからプッシュ通知登録/解除
  • プラグインからのプッシュ通知配信 / cronによるスケジュール配信
すべてREST APIで処理を行います。

他に必要な情報は?

PUSH通知を実装するに当たりFirebase Cloud Messaging(以下FCM)を使っていますので、Firebaseのアカウントが必要です。

その他、iOSアプリで実装するため、APNsの証明書と暗号化キーが必要となります。

このあたりは実際にプッシュ通知を実装する際に必要な情報ですので、既にプッシュ通知を使っている場合はお手元にあるかと思います。

あとは通知を受信するアプリとなります。

アプリに必要な機能としては「通知の登録/解除(REST APIで通信)」と通知処理となります。

詳しいことは・・・

今回は割と技術的な部分から説明しましたが「ちょっと興味がある」という方は弊社の方で資料を作成しておりますので、こちらをご覧ください。(無料です)

資料ダウンロード

執筆者:松本[ エンジニア ]

関連記事

プログラミング

【phpdotenv】PHPで環境変数を取り扱うお話

PHPでサーバーの環境ごとに設定ファイルを用意する場合、config.phpなどのファイルにデータベースの接続情報やAPIのキーなどをdefineで登録すると思います。 これは昔からある一般的なやり方ですが、例えば「ローカル環境やテスト環境と本番環境で情報を出し分けたい」「GitHubやSubversionなどに接続情報を管理されたくない」ということがあるかと思います。 Linuxの場合は「.env」でユーザーごとの情報をあらかじめ設定することが可能ですが、PHPだとデフォル […]

Webサービス

【CAPTCHA系】reCAPTCHAの代替サービスを紹介するお話

みなさん、reCAPTCHAを使ってますか? CAPTCHAと呼ばれる機能は問い合わせフォームやログインフォームなどいわゆるbot系対策として有効で、その中でもreCAPTCHAは無料かつ簡単に導入できるたため、様々な場所で使われてます。 目次1 2024年4月から実質有料化?2 他にないのだろうか?3 アカウントを作る4 PHPでの実装5 最後に 2024年4月から実質有料化? しかし、2024年4月から今まで100万リクエストまで無料だったのが、1アカウント合計1万リクエ […]

Webサイト制作

Webアクセシビリティの基本を学ぼう!

近年Webサイト制作時に求められる『Webアクセシビリティ』。 正直なんだかよくわからない、ややこしそうだなあと思う方も多いと思います。 自分も勉強中ではありますが、今回は対応しやすそうな内容をなるべくわかりやすくまとめてみました。 一緒にWebアクセシビリティについて学んでいきましょう。 目次1 そもそもWebアクセシビリティってなに?2 基本的な対応内容2.1 色のコントラストをはっきりさせよう2.2 文字サイズを変更できるようにしよう2.3 できるだけテキストベースを心 […]

株式会社8bit (エイトビット)

東京都目黒区でWebサイト制作、Webシステム開発などを行っております。
コーポレートサイトやWebサービスの企画・提案を得意としており、自社での経験を元にアイデアをカタチにするお手伝いをさせていただいております。

Web制作に関するご相談はお気軽にどうぞ

弊社に制作をご依頼いただく際の費用感をご確認いただける、
見積りシミュレーションをご用意いたしました。