はじめに
Lens Protocolは、PrifileNFTを所有することで、紐づけられた投稿コンテンツが、ユーザーに帰属することを目的としているものです。
LENSVERSEの中で記事などを共有することができます。
https://www.lens.dev/apps
類似のWeb3関連のSNSプロジェクトは下記のようにいくつか存在しています。
| タイトル | 詳細 |
|---|---|
| Lens Protocol | -- |
| CyberConnect | -- |
| Farcaster | -- |
仕様など
ProfileNFTの構成
| タイトル | 詳細 |
|---|---|
| Publication | 写真、動画、音楽の投稿 |
| Comment | 他ユーザーのパブリケーションに対するコメント |
| Mirror | 他ユーザーのコンテンツを再投稿(retweetなど) |
| Collect | |
| Follow | フォロー |
実装
まずはAPIを触ってみる
1.Publication > GetPublicationsのGQLをコピー
2. playgroundに貼り付け
## 開発の方法
LensProtocolに書き込みを行うには2種類の方法があります。
1.コントラクトに直接書き込みを行う
2.APIを通じて書き込みを行う(推奨)
仕様は下記などを参考に
https://docs.lens.xyz/docs/profiles
https://docs.lens.xyz/docs/developer-quickstart#next-steps
まずは、コントラクトに直接書き込みを行う方法を体験してみます
動画
https://www.youtube.com/watch?v=mIJKa2-2p8w
コントラクト
コントラクトアドレス一覧
https://docs.lens.xyz/docs/deployed-contract-addresses
説明
https://medium.com/laika-lab/explore-lens-protocol-with-laika-be22dff79fec
1.LAIKAで開く
2.jsonで開いて読み込む
3.Environmentを押下->設定を入力する
4.設定を入力する
元になるアドレス一覧はこちら
https://docs.lens.xyz/docs/deployed-contract-addresses
LensHub Proxy (use this one for interactions!)
LENS_HUB = 0x60Ae865ee4C725cd04353b5AAb364553f56ceF82
MockProfileCreationProxy
MOCK_PROFILE_CREATOR_PROXY = 0x420f0257D43145bb002E69B14FF2Eb9630Fc4736
5.proxyCreateProfile
| 変数 | 詳細 |
|---|---|
| to | 自分のアドレス |
| handle | 希望するレンズのハンドル |
| imageURI | https://ipfs.io/ipfs/aaa プロフィール写真のリンク |
| followModule | 0x0000000000000000000000000000000000000000 |
| followModuleInitData | 0x00 (初期化されたfollowモジュールに利用するデータ) |
| followNFTURI | https://ipfs.io/ipfs/aaa followNFTのuri |
6.post
| タイトル | 詳細 |
|---|---|
| vars | |
| profileId | |
| contentURI | |
| collectModule | |
| collectModuleInitData | |
| referenceModule | |
| referenceModuleInitData |
実装
1.Apollo Client
Apollo Client を使用してLens API と対話するため、
utils.jsプロジェクトのルートにという名前の新しいファイルを作成します。HttpLinkデータをフェッチする とApolloLink認証を処理する をセットアップすることから始めます。最終的に、 を作成し、と のApolloClient両方を渡すだけです。httpLinkauthLink
import { ApolloClient, InMemoryCache } from "@apollo/client";
const client = new ApolloClient({
uri: "https://api.lens.dev",
cache: new InMemoryCache(),
});
export default client;
// mumbai - https://api-mumbai.lens.dev/
// polygon playground - https://api-mumbai.lens.dev/playground
// mumbai playground - https://api.lens.dev/playground
2.GraphQL クエリ
Phaverを使ってみる
Phaverのインストール
ProfileをLevel2にあげる
参考リンク
https://ankr.hashnode.dev/getting-started-with-lens-protocol-as-a-frontend-developer
https://docs.lens.xyz/docs/developer-quickstart
https://github.com/lens-protocol/api-examples/blob/master/src/profile/get-profile.ts
https://www.jsdelivr.com/package/npm/lens-protocol
https://github.com/lens-protocol
https://ir.linkedin.com/posts/naderdabit_github-dabit3lens-gated-publications-activity-7009280268511420416-wQuq
https://www.youtube.com/watch?v=mIJKa2-2p8w
https://docs.alchemy.com/docs/how-to-create-a-decentralized-twitter-with-lens-protocol
https://blog.idrisolubisi.com/build-a-decentralized-social-network-with-reactjs-tailwindcss-lens-protocol
https://ankr.hashnode.dev/getting-started-with-lens-protocol-as-a-frontend-developer
https://www.apollographql.com/docs/react/
https://gaiax-blockchain.com/lens-protocol
https://lens.xyz/
https://claim.lens.xyz/