元ツイッターCEOのジャック・ドーシー氏が出資したことで知名度の上がったNostrについて、

最近 iOS クライアントDamusが公開され、一部で話題になっているんだそうです。

２月１日にAppleのアプリストアでリリースされたばかり。

Nostr：プロトコル

Damus：アプリ

できること：テキストのみ

昔のTwitterだ＼(^o^)／

アカウント取得やプロフィール作成は簡単にできるのですが、

ユーザーネームの横に無料でバッチを付けられるという部分に惹かれたので

やってみることにしました＼(^o^)／

流れはこのページにあります⭐

https://gist.github.com/metasikander/609a538e6a03b2f67e5c8de625baed3e#prerequisite

読んでみると結構めんどくさそうです。

https://gist.github.com/metasikander/609a538e6a03b2f67e5c8de625baed3e#prerequisite

わたしの持っているドメインは「herohoro.com」

それを使ってサーバーを作る。

みんな大好きVSCodeも開きます＼(^o^)／ﾜｰｲ

やること：

1. ファイルを作る
2. 公開キーをHEX形式に変換する

herohoro.com/ ****

このパターンは….appディレクトリ内のファイル構造と同じ。

だけどapiディレクトリもあるんだよね….. 🤔

サーバーだからapiって感じかな♪

pages/apiディレクトリ内に.well-knownディレクトリを作ってnostr.jsonを入れればいい….はず。

👇

<name>は好きな名前にしていいみたいだから…horomiにしちゃう＼(^o^)／

<pubkey> にはHEX形式にした文字列を入れる。

専用サイト発見👀

https://damus.io/key/

<pubkey> に貼り付けよう＼(^o^)／

ちゃんと言うと、「Cross-Origin Resource Sharing」

Vercelかと思って調べてみると

Vercel = CI/CD + Webサーバー

Vercelが使ってるWebサーバーは何？？

意味分からなくなってきたので

検索の仕方を変えました。

Vercel公式ドキュメントにあった〜〜〜〜

https://vercel.com/guides/how-to-enable-cors

設定の仕方が３つ

• Node.jsでServerless functionを作る
• next.config.jsでheaders functionを作る
• vercel.jsonでheaders keyを作る

混じってしまうと混乱しそうだなと思ったので

別ファイルで用意できるvercel.json 作戦を取ることにしました。

サンプルコードのsourceの値

headers内のkeyは要調整。

commitしてから次の設定に入ります＼(^o^)／

助かった記事：

@マークの前はnostr.jsonで記入したname

＠マークの後は自分のドメイン(私の場合はherohoro.com)

これでいけるはず…..

設定後ちょっと時間がかかるのか、

すぐにはバッチは表示されませんでした。

ちょっとドキドキするけど

待つしかないので

違うことをしてDamusの反映を待つことにします(灬º 艸º灬)

こちらの解説記事を手がかりに頑張りましたっ(*´ω`*)(*´ω`*)