<h1 id="%E3%81%AF%E3%81%98%E3%82%81%E3%81%AB">
<a class="header-anchor-link" href="#%E3%81%AF%E3%81%98%E3%82%81%E3%81%AB" aria-hidden="true"></a> はじめに</h1>
<p><span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__e0d4ba1bccb0d" src="https://embed.zenn.studio/card#zenn-embedded__e0d4ba1bccb0d" data-content="https%3A%2F%2Fzenn.dev%2Fganariya%2Farticles%2Fgcp-misskey-instance" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://zenn.dev/ganariya/articles/gcp-misskey-instance" style="display:none" target="_blank">https://zenn.dev/ganariya/articles/gcp-misskey-instance</a></p>
<p>先日、 Google Compute Engine の e2-micro インスタンスを利用し misskey の個人インスタンスを建てました。</p>
<p><span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__221501ffd1ff7" src="https://embed.zenn.studio/card#zenn-embedded__221501ffd1ff7" data-content="https%3A%2F%2Fmisskey.ganyariya.net%2F%40ganyariya" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://misskey.ganyariya.net/@ganyariya" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://misskey.ganyariya.net/@ganyariya</a></p>
<p>個人インスタンスを建てた理由としては以下の通りです。</p>
<ul>
<li>Twitter を見ると集中力が削がれてしまうため、 Twitter を利用する機会を減らしたかった</li>
<li>一方で <code>ツイート</code> のような、思っていることや考えていることを世に出すことはしたかった</li>
<li>misskey 個人インスタンスを建てることによって、自身の情報発信のみ行うことができ、他者の情報によって集中力が削がれない</li>
</ul>
<p>しかし、 misskey のアカウントを開いてもらわないと ganyariya のことを知ってもらえません。<br>
そこで cloud functions を利用して misskey の投稿を twitter へ自動投稿するようにします。</p>
<p>この記事では上記の自動投稿に関する以下の内容について記載します。</p>
<ul>
<li>使い方</li>
<li>構成</li>
<li>妥協した部分</li>
</ul>
<h1 id="%E4%BD%BF%E3%81%84%E6%96%B9">
<a class="header-anchor-link" href="#%E4%BD%BF%E3%81%84%E6%96%B9" aria-hidden="true"></a> 使い方</h1>
<p><span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__fc5c7e7d3b49e" src="https://embed.zenn.studio/card#zenn-embedded__fc5c7e7d3b49e" data-content="https%3A%2F%2Fgithub.com%2Fganyariya%2Fmisskey-twitter-post" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://github.com/ganyariya/misskey-twitter-post" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://github.com/ganyariya/misskey-twitter-post</a></p>
<p>上記 GitHub に cloud functions の go コードをまとめています。<br>
また、 自動投稿するうえでの設定方法を README に記載しています。</p>
<p>Twitter Developer App のアクセストークンに関する設定と cloud functions のデプロイが一番難関かと思います。</p>
<h1 id="%E6%A7%8B%E6%88%90">
<a class="header-anchor-link" href="#%E6%A7%8B%E6%88%90" aria-hidden="true"></a> 構成</h1>
<p>misskey に Note を投稿したときに、 misskey が webhook を POST します。<br>
この webhook の向き先を cloud functions の HTTP Endpoint に設定します。<br>
あとは cloud functions の関数で twitter API を呼び出しています。</p>
<p><img src="https://storage.googleapis.com/zenn-user-upload/b1c7fafbfad6-20230318.png" alt loading="lazy" class="md-img"></p>
<h1 id="%E5%A6%A5%E5%8D%94%E3%81%97%E3%81%9F%E9%83%A8%E5%88%86">
<a class="header-anchor-link" href="#%E5%A6%A5%E5%8D%94%E3%81%97%E3%81%9F%E9%83%A8%E5%88%86" aria-hidden="true"></a> 妥協した部分</h1>
<h2 id="cloud-functions-%E3%81%AE%E5%91%BC%E3%81%B3%E5%87%BA%E3%81%97%E8%AA%8D%E8%A8%BC">
<a class="header-anchor-link" href="#cloud-functions-%E3%81%AE%E5%91%BC%E3%81%B3%E5%87%BA%E3%81%97%E8%AA%8D%E8%A8%BC" aria-hidden="true"></a> cloud functions の呼び出し認証</h2>
<p><span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__fc74a2447b65b" src="https://embed.zenn.studio/card#zenn-embedded__fc74a2447b65b" data-content="https%3A%2F%2Fcloud.google.com%2Ffunctions%2Fdocs%2Fsecuring%2Fauthenticating%3Fhl%3Dja" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://cloud.google.com/functions/docs/securing/authenticating?hl=ja" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://cloud.google.com/functions/docs/securing/authenticating?hl=ja</a></p>
<p>cloud functions の呼び出しに関する認証は IAM ロールを用いて行われます。<br>
具体的には、関数を呼び出す際に IAM User もしくは Service Account のアクセストークンを <code>Authorization: Bearer</code> として送信します。<br>
すると、 アクセストークンに紐づく IAM ロールが <code>roles/cloudfunctions.invoker</code> を持っているかどうかが cloud functions 側で検証されます。<br>
これによって、権限をもつ適切な IAM ユーザのみ関数を呼び出せます。</p>
<p>しかし、今回はこれら IAM を用いた認証を利用しておらず、 <code>allUsers</code>、つまり認証なしでリクエストを受け付けています。<br>
理由としては misskey によって送信される Webhook に対してアクセストークンを直接付与できなかったためです。</p>
<p>対策としては misskey が動いている GCE の VM 上で、アクセストークンを付与するだけの web server を作成することです。<br>
つまり、 misskey は一度 <code>localhost</code> の web server に通信し、その web server が cloud functions に POST します。</p>
<p>これはかなり面倒なので今回は断念しました。</p>
<h2 id="%E7%94%BB%E5%83%8F%E3%81%A4%E3%81%8D%E3%83%84%E3%82%A4%E3%83%BC%E3%83%88">
<a class="header-anchor-link" href="#%E7%94%BB%E5%83%8F%E3%81%A4%E3%81%8D%E3%83%84%E3%82%A4%E3%83%BC%E3%83%88" aria-hidden="true"></a> 画像つきツイート</h2>
<p>misskey で画像が投稿された場合、その画像は twitter に投稿していません。<br>
テキストを twitter へ投稿する前に、あらかじめ media/upload を叩いて以下を行う必要があります。</p>
<ol>
<li>misskey webhook から与えられた画像 url をもとに、画像を <code>/tmp</code> にダウンロードする</li>
<li>画像を base64 にデコードする</li>
<li><code>media/upload</code></li>
</ol>
<p><span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__7d371afa3f8dd" src="https://embed.zenn.studio/card#zenn-embedded__7d371afa3f8dd" data-content="https%3A%2F%2Fdeveloper.twitter.com%2Fen%2Fdocs%2Ftwitter-api%2Fv1%2Fmedia%2Fupload-media%2Fapi-reference%2Fpost-media-upload" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://developer.twitter.com/en/docs/twitter-api/v1/media/upload-media/api-reference/post-media-upload" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://developer.twitter.com/en/docs/twitter-api/v1/media/upload-media/api-reference/post-media-upload</a></p>
<p>時間があるときに画像の投稿も対応しようと思います。</p>
<h1 id="%E6%9C%80%E5%BE%8C%E3%81%AB">
<a class="header-anchor-link" href="#%E6%9C%80%E5%BE%8C%E3%81%AB" aria-hidden="true"></a> 最後に</h1>
<p>今は GCE の VM にそのまま乗ってしまっています。<br>
バックアップなども取っていないため、 VM を誤って削除したらそこで終了です。<br>
今後は GKE や Cloud SQL, MemoryStore などに移していくことも考えていこうと思います。</p>


Cloud Functions を利用して Misskey の投稿を Twitter にも投稿する

Discussion