1
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?

microCMSのコンテンツ公開の連絡をChatworkへ投稿する(Webhook)

Last updated at Posted at 2025-11-11

はじめに

microCMSでコンテンツを公開した時にWebhookを利用して、その旨をChatworkと連携してメッセージ投稿する方法を紹介します。

前提

microCMSのアカウントを保有済(フリーのHobbyプランでも可能)
Chatworkのアカウントを保有済(フリーアカウントでも可能)

(ステップ1) microCMS側の準備

API名は社内通知で、エンドポイントはnotice にします。
image.png

APIスキーマは件名(title)と本文(content)だけの単純なものにします。
image.png

(ステップ2) Chatwork側の準備

APIトークン

サービス連携の

APIトークン画面に、APIトークンが表示されているので、コピーボタンでクリップボードにコピーします。
image.png

ルームID

チャットルームのルームIDを調べます。
チャットルームを選択した状態で、右上の概要ボタンをクリックして、

表示されるチャットルームの概要画面に記載されています。
image.png

ただし、この方法は自分で作成したチャットルームだけ有効なので、
他のユーザが作成したチャットルームであれば、チャットルームに入っている時のURL末尾の#!ridの後ろ(例えば、https://www.chatwork.com/#!rid12345678 であれば、12345678となります)
から調べることができます。

(ステップ3) microCMSのWebhook設定

microCMSのAPI設定画面の、Webhookメニューで、追加ボタンをクリックします。
image.png
サービスの選択からChatworkを選択します。

次に、Webhookの項目として、
image.png
① ... 覚書用の適当な名称
② ... 上記でコピーしたAPIトークン
③ ... 部屋ID、上記のルームID
を入力します。
通知タイミングの設定は、コンテンツの公開(管理画面による操作)を選んでおきます。

これにより、コンテンツを公開したタイミングでChatworkに投稿できるようになります。

(ステップ4) テスト

コンテンツを修正して、公開ボタンを押すと、
image.png
Chatworkのルームに投稿が表示されました。
image.png
めでたし、めでたし。

(ステップ5) 改善

投稿メッセージを見る人をmicroCMSでなく、別のサイトやページに誘導したい時も多いと思いますが、その時は、表示設定で指定可能です。
image.png

また、この別のページが、OGP(Open Graph Protocol)に対応していると、
つまり、htmlのヘッダに

<meta property="og:title" content="設定したいページタイトル">
<meta property="og:image" content="イメージ画像URL">

が設定されていれば、
image.png
のようにタイトルとアイキャッチのイメージをカスタマイズできます。(この機能はChatwork側の機能です)

参考

1
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
1
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?