Notionウェブサイトの公開とドメインのカスタマイズ

彼女はゲーム内で課金したいと思っていますが、迷っています。協議の結果、私たちは日常生活で節約したお金を資金源として使用するための基金を設立することにしました。これにより、彼女の課金と関連するエンターテイメントのニーズを満たすことができます。

アイデア#

適切な会計ソフトウェアを探す。Alipay のカップルウォレットや他のさまざまな会計ソフトウェアを調査した結果、機能が複雑すぎて不要な管理費用が発生する可能性があることがわかりました。最終的には、Notion のデータベースブロックを使用することにしました。これにより、任意の属性をカスタマイズでき、さまざまなレイアウト（テーブル、リスト、カレンダー、アルバムなど）を使用できます。これにより、十分なカスタマイズが可能になり、軽量化も実現できます。
資金の流れを彼女にリアルタイムで公開し、Notion のサイトを公開し、カスタムドメインにバインドします。これにより、モバイルデバイスからいつでもドメインを入力して表示することができます。

手順#

データベースブロックを使用して資金情報を記録する

新しいページを作成し、「/」を入力するとプロンプトリストが表示されます。

Notion ページをサイトとして公開する

[共有] -> [公開] をクリックします。

notion-publish

公開に成功したら、ウェブサイトの閲覧者の権限を設定し、🔗アイコンをクリックしてウェブサイトのリンクをコピーします。

Notion ドメインをカスタムドメインにバインドする

Cloudflare Worker を使用してカスタムドメインを Notion ドメインに逆プロキシします。

Workers の設定#

Cloudflare にログインし、バインドするウェブサイトのドメインをクリックします。以下は例です：002724.xyz

左側のナビゲーションバーの「Workers ルート」をクリックし、「Workers を管理」をクリックします。

worker-route

「無料のカスタム Cloudflare Workers サブドメインを設定」し、任意の名前を入力します。

完了すると、この画面が表示され、[Free] プランを選択します。

「サービスを作成」をクリックします。

サービス名は、私のように「notion-worker」として選択できるようにしておくと、後の操作でサービスを選択する際に認識しやすくなります。作成が完了したら、「サービスを作成」をクリックします。

ウェブサイトの Workers コードを生成します。

このウェブサイトを開きます（科学上のインターネット接続が必要です）https://fruition-stephenou.vercel.app/

1 行目：自分のドメイン（例：funds.002724.xyz）
2 行目：Notion の共有ページのリンク
下にコードが生成されています。[COPIED!] をクリックします。

ここで、私のドメインはトップレベルドメイン002724.xyzです。サブドメインの場合、ボタンがトリガーされず、「copy」の条件が満たされないと思われます。このウェブサイトは主に Notion のウェブサイト作成スクリプトに使用されるものであると推測されます。トップレベルドメインを直接ウェブサイトのドメインとして使用するためです。
ボタンがトリガーされない場合は、下のコードを直接コピーし、コメントに従って自分で入力してください。