ENS integration workshop at Winding Tree hackathon

Transcript

1. Ethereum Name Service https://ens.domains Winding Tree Hackathon
2. Speaker @makoto_inoue
3. Also known for...
4. Agenda - 1. Intro & What can you do with ENS? - 2. ENS contracts and API overview - 3. Issuing subdomain to new users for your dapp
5. Intro: What is ENS?
6. What is ENS? 0xfdb33f8ac7ce72d7d4795dd 8610e323b4c122fbb
7. What is ENS? arachnid.eth
8. What is ENS? arachnid.eth
9. What is ENS? arachnid.eth
10. More than just names ENS names contracts and accounts, but also… • Swarm & IPFS records • Legacy DNS records - IP addresses, mail exchangers • Identity attestation • Stores contract interfaces
11. More than just .eth
12. What can you do with your ENS?
13. 1. Name your address (aka lookup)
14. 2. Show names (aka reverse lookup)
15. Custom swags?
16. 3. Give subdomain
17. 999. NFT everything! ensnifty.com
18. ENS contract and API overview
19. ENS Architecture
20. Resolving a name
21. Contract MyResolver { address me; function MyResolver() { me = msg.sender; } function addr(bytes32 node) constant returns (address) { return me; } } ENS by example: Resolvers
22. Using ENS from Javascript import ENS from `ethereum-ens’ const ens = new ENS(web3);
23. Looking up names const address = await ens.resolver(‘arachnid.eth’).addr();
24. Reverse resolution const addr = ‘0x112234455...’ const name = await ens.reverse(‘0x112234455...’).name() //for security const addr2 = await ens.resolver(name) if(addr === addr2){ …. }
25. Setting up reverse resolution reverseRegistrar.setName(‘jefflau.eth’)
26. Contracts in web3 var testContract = web3.eth.contract( [{"constant":true,"inputs":...}]) var test = testContract.at(“0x0904dac3347ea47d208f...”);
27. Contracts in ENS const contract = ens.resolver(‘arachnid.eth’).instance(); contract.myContractMethod()
28. Issuing subdomain to new users for your dapp
29. Signup flow example Make sure - User is on the right network - Metamask is unlocked
30. Getting ENS subdomain Check if the ENS subdomain already exists - If yes, then check if it is owned by the address currently on metamask - If yes then its a sign in, make them sign a message to prove they actually hold the acount they are signing up for. If it doesnt exist then they can have it!
31. Sign up Subdomain transactions are sent asynchronously so users can start using the platform instantly
32. Verify account Signing a message to verify they hold the account A nounce to prevent replay attacks
33. Account Users are logged in regardless of the status of transactions. (UX comment) Since Zinc sends the transactions and the messages are verified on chain, they are also verified off chain to prevent sending transactions which are guaranteed to fail.
34. The actual code of zinc
35. Contract MyAweSomeApp { function register(bytes32 label) public { bytes32 node = getNode(label); require(ens.owner(node) == address(0)) ens.setSubnodeOwner(rootNode, label, this); ens.setResolver(node, resolver); resolver.setAddr(node, msg.sender); ens.setOwner(node, msg.sender); } } The code
36. Contract MyAweSomeApp { function register(bytes32 label) public { bytes32 node = getNode(label); require(ens.owner(node) == address(0)) ens.setSubnodeOwner(rootNode, label, this); ens.setResolver(node, resolver); resolver.setAddr(node, msg.sender); ens.setOwner(node, msg.sender); } } The code web3.utils.sha3(“makoto”)
37. Contract MyAweSomeApp { function register(bytes32 label) public { bytes32 node = getNode(label); require(ens.owner(node) == address(0)) ens.setSubnodeOwner(rootNode, label, this); ens.setResolver(node, resolver); resolver.setAddr(node, msg.sender); ens.setOwner(node, msg.sender); } } The code keccak256(abi.encodePacked(“yourdomain.eth”, label))
38. Contract MyAweSomeApp { function register(bytes32 label) public { bytes32 node = getNode(label); require(ens.owner(node) == address(0)) ens.setSubnodeOwner(rootNode, label, this); ens.setResolver(node, resolver); resolver.setAddr(node, msg.sender); ens.setOwner(node, msg.sender); } } The code web3.utils.sha3(“makoto.yourdomain.eth”)
39. Contract MyAweSomeApp { function register(bytes32 label) public { bytes32 node = getNode(label); require(ens.owner(node) == address(0)) ens.setSubnodeOwner(rootNode, label, this); ens.setResolver(node, resolver); resolver.setAddr(node, msg.sender); ens.setOwner(node, msg.sender); } } The code Check the name is not taken yet
40. Contract MyAweSomeApp { function register(bytes32 label) public { bytes32 node = getNode(label); require(ens.owner(node) == address(0)) ens.setSubnodeOwner(rootNode, label, this); ens.setResolver(node, resolver); resolver.setAddr(node, msg.sender); ens.setOwner(node, msg.sender); } } The code Set the contract to own “makoto.yourdomain.eth”
41. Contract MyAweSomeApp { function register(bytes32 label) public { bytes32 node = getNode(label); require(ens.owner(node) == address(0)) ens.setSubnodeOwner(rootNode, label, this); ens.setResolver(node, resolver); resolver.setAddr(node, msg.sender); ens.setOwner(node, msg.sender); } } The code Set the default resolver to “makoto.yourdomain.eth”
42. Contract MyAweSomeApp { function register(bytes32 label) public { bytes32 node = getNode(label); require(ens.owner(node) == address(0)) ens.setSubnodeOwner(rootNode, label, this); ens.setResolver(node, resolver); resolver.setAddr(node, msg.sender); ens.setOwner(node, msg.sender); } } The code Set the sender address to “makoto.yourdomain.eth”
43. Contract MyAweSomeApp { function register(bytes32 label) public { bytes32 node = getNode(label); require(ens.owner(node) == address(0)) ens.setSubnodeOwner(rootNode, label, this); ens.setResolver(node, resolver); resolver.setAddr(node, msg.sender); ens.setOwner(node, msg.sender); } } The code Give the ownership of the node to the sender
44. ENS Design considerations
45. Somethings were missing in previous slides
46. Hint 1
47. - Reverse record can be only set by the owner of the address - You can still have a button on dapp to call `reverseRegistrar.setName(‘jefflau.eth’)` to set reverse record. - However, should your Dapp enforce setting reverse record as it may override previous setting? 1. Assigning reverse record
48. Hint 2
49. 2. Assigning subdomain
50. 2. Assigning subdomain
51. 2. Assigning subdomain
52. 2. Assigning subdomain
53. 2. Assigning subdomain costs gas Solutions - Dapp pay for the gass (Gitcoin/zinc) - Make it optional (Gitcoin) - Do nothing (Kickback) <= shit
54. Hint 3
55. Hint 3
56. Hint 3
57. Solidity 101 FAIL
58. https://medium.com/the-ethereum-name-service https://docs.ens.domains/en/latest http://github.com/ensdomains References
59. Questions?