FNS Lookup: Integrated FNS in Filfox explorer

Screenshots

Problem Statement

We have implemented an FNS (Filecoin Name Service) demo in the ETHGlobal FVM hackathon and https://fns.space/. It shows the feasibility of domain registration and resolution on FVM, providing a method to convert Filecoin addresses and resources into human-readable names.We hope to create a decentralized personal portal and DID system for web3 users based on the Filecoin FVM, and build a BaaS (blockchain as a service) flexible tool with completely decentralized identities and data storage.During Space Warp Hackthon, We upgrade UI/UX of FNS contracts and app and integrate FNS on Filfox explorer (FNS registrations lookup, FNS name details display, display FNS name instead of address, etc) as the first application scenario of the FNS protocol.FNS APP V2 Key Features:fix key functions and update events of contractsdeploy multiCall tool contracts on Hyperspaceupgrade UI/UX, release V2 APP and add Filecoin Cid indexAnd we hope that FNS can be used as a basic tool for the Filecoin ecosystem to help ecological projects provide users with better user experience.Therefore, we integrated FNS in Filfox explorer as FNS Lookup (https://hyperspace.filfox.info/en/fns) in this hackthon to provide more functions for Filfox explorer users, also provides an example for how to integrate FNS into your own project.FNS Lookup Key Features:Synchronize all FNS-related events and analyze into DB, providing API serviceDisplay FNS Primary name resolution in address details page of FilfoxDisplay all FNS registrations and name details in Lookup main pageSupport FNS name search and both t4 and 0x address search in FNS LookupFuture Work:Provide lookup OpenAPI and SDK to facilitate developers to integrate FNS functions into Dapps and wallets.FoxWallet completes the FNS transfer and search function.Release FNS Space featuresRelease Filfox SoulScan and Proof of Society Protocol

Solution

We use ethers.js to index all FNS-related event through Hyperspace RPC provided by Filfox Explorer; we use solidity to write smart contracts, use FEVM hardhat kit to test and deploy FNS contracts and MultiCall tool contract; we use Vue to construct front-end pages and use ethers.js to realize contract calls and interactions and realize login and transaction signing and broadcasting by evoking metamask.