Misskeyの開発環境における画像ぼやける問題メモ

Misskeyをローカルホストで建てる場合、URLの部分にlocalhostと入れることになります。

#━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
# Misskey configuration
#━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

#   ┌─────┐
#───┘ URL └─────────────────────────────────────────────────────

# Final accessible URL seen by a user.
url: https://localhost

# ONCE YOU HAVE STARTED THE INSTANCE, DO NOT CHANGE THE
# URL SETTINGS AFTER THAT!

こんな感じで入れてビルドするといい感じに立ち上がってくれます。

しかし、画像を投稿してみたり、アイコンが反映されない点で違和感を覚えますね。

こんな感じで画像を投稿したとしてもぼやけた画像しか投稿されず、画像が無いというエラーが表示されます。 Misskeyの画像投稿はプロキシやオブジェクトストレージを介在していない場合、URL/画像情報という形で画像を紐付けします。

Misskeyをlocalhostで建てた場合、アクセス先はlocalhost:3000となるためlocalhost:3000/画像情報というURLとなります。

#   ┌─────┐
#───┘ URL └─────────────────────────────────────────────────────

# Final accessible URL seen by a user.
url: https://localhost:3000

# ONCE YOU HAVE STARTED THE INSTANCE, DO NOT CHANGE THE
# URL SETTINGS AFTER THAT!

要するにこんな感じで修正すれば、アクセス経路がしっかり確立されるので画像を投稿ｄ

できてへんやんけ！

あぁ...迷宮入りだ...って思ってよく見てみると

あ

SSL証明発行してないのにhttps接続になっている。

#   ┌─────┐
#───┘ URL └─────────────────────────────────────────────────────

# Final accessible URL seen by a user.
url: http://localhost:3000

# ONCE YOU HAVE STARTED THE INSTANCE, DO NOT CHANGE THE
# URL SETTINGS AFTER THAT!

最終修正を行い...

やったぜ。

教訓

httpsは証明書無いとあきまへんで

証明書を導入しておけばlocalhostでもhttps接続は可能です。