Notionにcustom domainを当てたい

Date
May 23, 2021
Private
用語

Notionは有料化しても、カスタムドメインを割り当てる事ができません。なので諦めてたけど、なんか無性にカスタムドメイン割り当てたくなった。そんなときあるよね。

ということで「Notion カスタムドメイン」で検索すると

NotionのページをCloudflareでsub domainに転送する

Notionはリッチなメモツール（？）としてじわじわと人気が出ている。モバイルアプリでもPCでも書けるのでメモ書きや調べ物をするのにも重宝しているし、最近ではwebクリッパーがあるので便利にセルフブックマーク用途に使っている。 mediumのpay wall圧力のおかげでblogの移行先を色々と探していたのだけれど、まずは雑なメモを置ける場所を公開してみようと思う。 残念なことに、Notionまだカスタムドメインを提供していないのだけれど、それをCloudflareのworkerを使って実現するgistと記事を見つけたので試してみた。 大まかなやり方は 「Cloudflareのworkersを使うとJavaScriptを使ってredirectを設定できる」 というものである。 オリジナルのgistはmayneyaoさんがこちらに上げている。 notion.so custom domain mayneyaoさんは英語がネイティブでないため、スクリーンキャストを使って説明をしているが、英語の記事にはこちらの記事があり、こちらのほうがわかりやすかった。 Use a custom domain for a public Notion page どちらの記事でも、サブドメインなしのドメインを設定しているが、これに付け加えてsub domainを指定したいときの設定を書く。 見ていただければわかるとおり。 const MY_DOMAIN = "memo.chezo.uno" ちなみに、 START_PAGE はパブリックなユーザー名の入っていないページなのでGoogle Chromeのプライベートモードなどで確認してから貼ると良い（自分はこれにドハマリした） あと、CORSヘッダーはデフォルトが全部受け入れることになっているので、ちょっと制限した。

memo.chezo.uno

NotionのページをCloudflareでsub domainに転送する

こちらのページがHitしますが、その先に書かれているgistがすこーし古くて、それ通りにCloudflare Workerを実装しても動かないので、色々調べた結果解決したので、さくっとシェア

こちらが大本になるんだけど、*Get Started* の中に書かれている手順を実行するとかんたんに解決します。

image

入力して、COPY THE CODEを押したらあとは、Cloudflare Workerにペーストするだけ。あとはポチポチ作業で終了。

※とはいえこれはNotion公式ではないので、Notion側が対策をしたら多分見れなくなりますという点はご注意を

以上、雑メモでした