Skip to main content
Version: 1.0

5.2 Non-Fungible Token Tutorial Part 2

In this tutorial, we're going to learn about a full implementation for Non-Fungible Tokens (NFTs).


tip

Open the starter code for this tutorial in the Flow Playground:

https://play.onflow.org/f08e8e0d-d28e-4cbe-8d72-3afe2349c629


The tutorial will ask you to take various actions to interact with this code.

info

The code in this tutorial and in the playground uses Cadence 0.42. The link will still work with the current version of the playground, but when the playground is updated to Cadence 1.0, the link will be replaced with a 1.0-compatible version. It is recommended that since Flow is so close to upgrading to Cadence 1.0, that you learn Cadence 1.0 features and syntax.

info

Instructions that require you to take action are always included in a callout box like this one. These highlighted actions are all that you need to do to get your code running, but reading the rest is necessary to understand the language's design.

Storing Multiple NFTs in a Collection​

In the last tutorial, we created a simple NFT resource, stored in at a storage path, then used a multi-sig transaction to transfer it from one account to another.

It should hopefully be clear that the setup and operations that we used in the previous tutorial are not very scalable. Users need a way to manage all of their NFTs from a single place.

There are some different ways we could accomplish this.

  • We could store all of our NFTs in an array or dictionary, like so.

_11
// Define a dictionary to store the NFTs in
_11
let myNFTs: @{Int: BasicNFT.NFT} = {}
_11
_11
// Create a new NFT
_11
let newNFT <- BasicNFT.createNFT(id: 1)
_11
_11
// Save the new NFT to the dictionary
_11
myNFTs[newNFT.id] <- newNFT
_11
_11
// Save the NFT to a new storage path
_11
account.storage.save(<-myNFTs, to: /storage/basicNFTDictionary)

Dictionaries​

This example uses a Dictionary: a mutable, unordered collection of key-value associations.


_10
// Keys are `Int`
_10
// Values are `NFT`
_10
access(all)
_10
let myNFTs: @{Int: NFT}

In a dictionary, all keys must have the same type, and all values must have the same type. In this case, we are mapping integer (Int) IDs to NFT resource objects so that there is one NFT for each Int that exists in the dictionary.

Dictionary definitions don't usually have the @ symbol in the type specification, but because the myNFTs mapping stores resources, the whole field also has to become a resource type, which is why the field has the @ symbol indicating that it is a resource type.

This means that all the rules that apply to resources apply to this type.

Using a dictionary to store our NFTs would solve the problem of having to use different storage paths for each NFT, but it doesn't solve all the problems. This types are relatively opaque and doesn't have much useful functionality on its own.

Instead, we can use a powerful feature of Cadence, resources owning other resources! We'll define a new Collection resource as our NFT storage place to enable more-sophisticated ways to interact with our NFTs.

The next contract we look at is called ExampleNFT, it's stored in Contract 1 in account 0x01.

This contract expands on the BasicNFT we looked at by adding:

  1. An idCount contract field that tracks unique NFT ids.
  2. An NFTReceiver interface that exposes three public functions for the collection.
  3. Declares a resource called Collection that implements the NFTReceiver interface
  4. The Collection will declare fields and functions to interact with it, including ownedNFTs, init(), withdraw(), and other important functions
  5. Next, the contract declares functions that create a new NFT (mintNFT()) and an empty collection (createEmptyCollection())
  6. Finally, the contract declares an initializer that initializes the path fields, creates an empty collection as well as a reference to it, and saves a minter resource to account storage.

This contract introduces a few new concepts, we'll look at the new contract, then break down all the new concepts this contract introduces.

info

Open Account 0x01 to see ExampleNFT.cdc.
Deploy the contract by clicking the Deploy button in the bottom right of the editor.
ExampleNFT.cdc should contain the code below. It contains what was already in BasicNFT.cdc plus additional resource declarations in the contract body.

ExampleNFT.cdc

_144
// ExampleNFT.cdc
_144
//
_144
// This is a complete version of the ExampleNFT contract
_144
// that includes withdraw and deposit functionalities, as well as a
_144
// collection resource that can be used to bundle NFTs together.
_144
//
_144
// Learn more about non-fungible tokens in this tutorial: https://developers.flow.com/cadence/tutorial/non-fungible-tokens-1
_144
_144
access(all)
_144
contract ExampleNFT {
_144
_144
// Declare Path constants so paths do not have to be hardcoded
_144
// in transactions and scripts
_144
_144
access(all)
_144
let CollectionStoragePath: StoragePath
_144
access(all)
_144
let CollectionPublicPath: PublicPath
_144
access(all)
_144
let MinterStoragePath: StoragePath
_144
_144
// Tracks the unique IDs of the NFT
_144
access(all)
_144
var idCount: UInt64
_144
_144
// Declare the NFT resource type
_144
access(all)
_144
resource NFT {
_144
// The unique ID that differentiates each NFT
_144
access(all)
_144
let id: UInt64
_144
_144
// Initialize both fields in the initializer
_144
init(initID: UInt64) {
_144
self.id = initID
_144
}
_144
}
_144
_144
// We define this interface purely as a way to allow users
_144
// to create public, restricted references to their NFT Collection.
_144
// They would use this to publicly expose only the deposit, getIDs,
_144
// and idExists fields in their Collection
_144
access(all)
_144
resource interface NFTReceiver {
_144
_144
access(all)
_144
fun deposit(token: @NFT)
_144
_144
access(all)
_144
fun getIDs(): [UInt64]
_144
_144
access(all)
_144
fun idExists(id: UInt64): Bool
_144
}
_144
_144
// The definition of the Collection resource that
_144
// holds the NFTs that a user owns
_144
access(all)
_144
resource Collection: NFTReceiver {
_144
// dictionary of NFT conforming tokens
_144
// NFT is a resource type with an `UInt64` ID field
_144
access(all)
_144
var ownedNFTs: @{UInt64: NFT}
_144
_144
// Initialize the NFTs field to an empty collection
_144
init () {
_144
self.ownedNFTs <- {}
_144
}
_144
_144
// withdraw
_144
//
_144
// Function that removes an NFT from the collection
_144
// and moves it to the calling context
_144
access(all)
_144
fun withdraw(withdrawID: UInt64): @NFT {
_144
// If the NFT isn't found, the transaction panics and reverts
_144
let token <- self.ownedNFTs.remove(key: withdrawID)!
_144
_144
return <-token
_144
}
_144
_144
// deposit
_144
//
_144
// Function that takes a NFT as an argument and
_144
// adds it to the collections dictionary
_144
access(all)
_144
fun deposit(token: @NFT) {
_144
// add the new token to the dictionary with a force assignment
_144
// if there is already a value at that key, it will fail and revert
_144
self.ownedNFTs[token.id] <-! token
_144
}
_144
_144
// idExists checks to see if a NFT
_144
// with the given ID exists in the collection
_144
access(all)
_144
fun idExists(id: UInt64): Bool {
_144
return self.ownedNFTs[id] != nil
_144
}
_144
_144
// getIDs returns an array of the IDs that are in the collection
_144
access(all)
_144
fun getIDs(): [UInt64] {
_144
return self.ownedNFTs.keys
_144
}
_144
}
_144
_144
// creates a new empty Collection resource and returns it
_144
access(all)
_144
fun createEmptyCollection(): @Collection {
_144
return <- create Collection()
_144
}
_144
_144
// mintNFT
_144
//
_144
// Function that mints a new NFT with a new ID
_144
// and returns it to the caller
_144
access(all)
_144
fun mintNFT(): @NFT {
_144
_144
// create a new NFT
_144
var newNFT <- create NFT(initID: self.idCount)
_144
_144
// change the id so that each ID is unique
_144
self.idCount = self.idCount + 1
_144
_144
return <-newNFT
_144
}
_144
_144
init() {
_144
self.CollectionStoragePath = /storage/nftTutorialCollection
_144
self.CollectionPublicPath = /public/nftTutorialCollection
_144
self.MinterStoragePath = /storage/nftTutorialMinter
_144
_144
// initialize the ID count to one
_144
self.idCount = 1
_144
_144
// store an empty NFT Collection in account storage
_144
self.account.storage.save(<-self.createEmptyCollection(), to: self.CollectionStoragePath)
_144
_144
// publish a capability to the Collection in storage
_144
let cap = self.account.capabilities.storage.issue<&{NFTReceiver}>(self.CollectionStoragePath)
_144
self.account.capabilities.publish(cap, at: self.CollectionPublicPath)
_144
}
_144
}

This smart contract more closely resembles a contract that a project would actually use in production.

Any user who owns one or more ExampleNFT will have an instance of this @ExampleNFT.Collection resource stored in their account. This collection stores all of their NFTs in a dictionary that maps integer IDs to @NFTs.

Each collection has a deposit and withdraw function. These functions allow users to follow the pattern of moving tokens in and out of their collections through a standard set of functions.

When a user wants to store NFTs in their account, they will create an empty Collection by calling the createEmptyCollection() function in the ExampleNFT smart contract. This returns an empty Collection object that they can store in their account storage.

There are a few new features that we use in this example, so let's walk through them.

The Resource Dictionary​

We discussed above that when a dictionary stores a resource, it also becomes a resource!

This means that the collection has to have special rules for how to handle its own resource. You wouldn't want it getting lost by accident!

As we learned in the resource tutorial, you can destroy any resource by explicity invoking the destroy command.

When the NFT Collection resource is destroyed with the destroy command, all the resources stored in the dictionary are also destroyed.

When the Collection resource is created, the initializer is run and must explicitly initialize all member variables. This helps prevent issues in some smart contracts where uninitialized fields can cause bugs. The initializer can never run again after this. Here, we initialize the dictionary as a resource type with an empty dictionary.


_10
init () {
_10
self.ownedNFTs <- {}
_10
}

Another feature for dictionaries is the ability to get an array of the keys of the dictionary using the built-in keys function.


_10
// getIDs returns an array of the IDs that are in the collection
_10
access(all)
_10
fun getIDs(): [UInt64] {
_10
return self.ownedNFTs.keys
_10
}

This can be used to iterate through the dictionary or just to see a list of what is stored. As you can see, a variable length array type is declared by enclosing the member type within square brackets ([UInt64]).

Resources Owning Resources​

This NFT Collection example in ExampleNFT.cdc illustrates an important feature: resources can own other resources.

In the example, a user can transfer one NFT to another user. Additionally, since the Collection explicitly owns the NFTs in it, the owner could transfer all of the NFTs at once by just transferring the single collection.

This is an important feature because it enables numerous additional use cases. In addition to allowing easy batch transfers, this means that if a unique NFT wants to own another unique NFT, like a CryptoKitty owning a hat accessory, the Kitty literally stores the hat in its own storage and effectively owns it. The hat belongs to the CryptoKitty that it is stored in, and the hat can be transferred separately or along with the CryptoKitty that owns it.

This also brings up an interesting wrinkle in Cadence in regards to ownership. In other ledger-based languages, ownership is indicated by account addresses. Cadence is a fully object-oriented language, so ownership is indicated by where an object is stored, not just an entry on a ledger.

Resources can own other resources, which means that with some interesting logic, a resource can have more control over the resources it owns than the actual person whose account it is stored in!

You'll encounter more fascinating implications of ownership and interoperability like this as you get deeper into Cadence.

Now, back to the tutorial!

Restricting Access to the NFT Collection​

In the NFT Collection, all the functions and fields are public, but we do not want everyone in the network to be able to call our withdraw function. This is where Cadence's second layer of access control comes in. Cadence utilizes capability security, which means that for any given object, a user is allowed to access a field or method of that object if they either:

  • Are the owner of the object
  • Have a valid reference to that field or method (note that references can only be created from capabilities, and capabilities can only be created by the owner of the object)

When a user stores their NFT Collection in their account storage, it is by default not available for other users to access. A user's authorized account object (AuthAccount, which gives access to private storage) is only accessible by its owner. To give external accounts access to the deposit function, the getIDs function, and the idExists function, the owner creates an interface that only includes those fields:


_12
access(all)
_12
resource interface NFTReceiver {
_12
_12
access(all)
_12
fun deposit(token: @NFT)
_12
_12
access(all)
_12
fun getIDs(): [UInt64]
_12
_12
access(all)
_12
fun idExists(id: UInt64): Bool
_12
}

Then, using that interface, they would create a link to the object in storage, specifying that the link only contains the functions in the NFTReceiver interface. This link creates a capability. From there, the owner can then do whatever they want with that capability: they could pass it as a parameter to a function for one-time-use, or they could put in the /public/ domain of their account so that anyone can access it. If a user tried to use this capability to call the withdraw function, it wouldn't work because it doesn't exist in the interface that was used to create the capability.

The creation of the link and capability is seen in the ExampleNFT.cdc contract initializer


_10
// publish a reference to the Collection in storage
_10
self.account.link<&{NFTReceiver}>(self.CollectionPublicPath, target: self.CollectionStoragePath)

The link function specifies that the capability is typed as &AnyResource{NFTReceiver} to only expose those fields and functions. Then the link is stored in /public/ which is accessible by anyone. The link targets the /storage/NFTCollection (through the self.CollectionStoragePath contract field) that we created earlier.

Now the user has an NFT collection in their account /storage/, along with a capability for it that others can use to see what NFTs they own and to send an NFT to them.

Let's confirm this is true by running a script!

Run a Script​


Scripts in Cadence are simple transactions that run without any account permissions and only read information from the blockchain.

info

Open the script file named Print 0x01 NFTs. Print 0x01 NFTs should contain the following code:


_17
import ExampleNFT from 0x01
_17
_17
// Print the NFTs owned by account 0x01.
_17
access(all)
_17
fun main() {
_17
// Get the public account object for account 0x01
_17
let nftOwner = getAccount(0x01)
_17
_17
// Find the public Receiver capability for their Collection and borrow it
_17
let receiverRef = nftOwner.capabilities
_17
.borrow<&{ExampleNFT.NFTReceiver}>(ExampleNFT.CollectionPublicPath)
_17
?? panic("Could not borrow receiver reference")
_17
_17
// Log the NFTs that they own as an array of IDs
_17
log("Account 1 NFTs")
_17
log(receiverRef.getIDs())
_17
}

info

Execute Print 0x01 NFTs by clicking the Execute button in the top right of the editor box.
This script prints a list of the NFTs that account 0x01 owns.

Because account 0x01 currently doesn't own any in its collection, it will just print an empty array:


_10
"Account 1 NFTs"
_10
[]
_10
Result > "void"

If the script cannot be executed, it probably means that the NFT collection hasn't been stored correctly in account 0x01. If you run into issues, make sure that you deployed the contract in account 0x01 and that you followed the previous steps correctly.

Mint and Distribute Tokens​


One way to create NFTs is by having an admin mint new tokens and send them to a user. For the purpose of learning, we are simply implementing minting as a public function here. Normally, most would implement restricted minting by having an NFT Minter resource. This would restrict minting, because the owner of this resource is the only one that can mint tokens.

You can see an example of this in the Marketplace tutorial.

info

Open the file named Mint NFT. Select account 0x01 as the only signer and send the transaction.
This transaction deposits the minted NFT into the account owner's NFT collection:

MintNFT.cdc

_27
import ExampleNFT from 0x01
_27
_27
// This transaction allows the Minter account to mint an NFT
_27
// and deposit it into its collection.
_27
_27
transaction {
_27
_27
// The reference to the collection that will be receiving the NFT
_27
let receiverRef: &{ExampleNFT.NFTReceiver}
_27
_27
prepare(acct: AuthAccount) {
_27
// Get the owner's collection capability and borrow a reference
_27
self.receiverRef = acct.capabilities
_27
.borrow<&{ExampleNFT.NFTReceiver}>(ExampleNFT.CollectionPublicPath)
_27
?? panic("Could not borrow receiver reference")
_27
}
_27
_27
execute {
_27
// Use the minter reference to mint an NFT, which deposits
_27
// the NFT into the collection that is sent as a parameter.
_27
let newNFT <- ExampleNFT.mintNFT()
_27
_27
self.receiverRef.deposit(token: <-newNFT)
_27
_27
log("NFT Minted and deposited to Account 1's Collection")
_27
}
_27
}

info

Reopen Print 0x01 NFTs and execute the script. This prints a list of the NFTs that account 0x01 owns.

Print0x01NFTs.cdc

_19
import ExampleNFT from 0x01
_19
_19
// Print the NFTs owned by account 0x01.
_19
access(all)
_19
fun main() {
_19
// Get the public account object for account 0x01
_19
let nftOwner = getAccount(0x01)
_19
_19
// Find the public Receiver capability for their Collection
_19
let capability = nftOwner.getCapability<&{ExampleNFT.NFTReceiver}>(ExampleNFT.CollectionPublicPath)
_19
_19
// borrow a reference from the capability
_19
let receiverRef = capability.borrow()
_19
?? panic("Could not borrow receiver reference")
_19
_19
// Log the NFTs that they own as an array of IDs
_19
log("Account 1 NFTs")
_19
log(receiverRef.getIDs())
_19
}

You should see that account 0x01 owns the NFT with id = 1


_10
"Account 1 NFTs"
_10
[1]

Transferring an NFT​

Before we are able to transfer an NFT to another account, we need to set up that account with an NFTCollection of their own so they are able to receive NFTs.

info

Open the file named Setup Account and submit the transaction, using account 0x02 as the only signer.

SetupAccount.cdc

_23
import ExampleNFT from 0x01
_23
_23
// This transaction configures a user's account
_23
// to use the NFT contract by creating a new empty collection,
_23
// storing it in their account storage, and publishing a capability
_23
transaction {
_23
prepare(acct: auth(SaveValue, StorageCapabilities) &Account) {
_23
_23
// Create a new empty collection
_23
let collection <- ExampleNFT.createEmptyCollection()
_23
_23
// store the empty NFT Collection in account storage
_23
acct.storage.save(<-collection, to: ExampleNFT.CollectionStoragePath)
_23
_23
log("Collection created for account 2")
_23
_23
// create a public capability for the Collection
_23
let cap = acct.capabilities.storage.issue<&{ExampleNFT.NFTReceiver}>(ExampleNFT.CollectionStoragePath)
_23
acct.capabilities.publish(cap, at: ExampleNFT.CollectionPublicPath)
_23
_23
log("Capability created")
_23
}
_23
}

Account 0x02 should now have an empty Collection resource stored in its account storage. It has also created and stored a capability to the collection in its /public/ domain.

info

Open the file named Transfer, select account 0x01 as the only signer, and send the transaction.
This transaction transfers a token from account 0x01 to account 0x02.

Transfer.cdc

_38
import ExampleNFT from 0x01
_38
_38
// This transaction transfers an NFT from one user's collection
_38
// to another user's collection.
_38
transaction {
_38
_38
// The field that will hold the NFT as it is being
_38
// transferred to the other account
_38
let transferToken: @ExampleNFT.NFT
_38
_38
prepare(acct: auth(BorrowValue) &Account) {
_38
_38
// Borrow a reference from the stored collection
_38
let collectionRef = acct.storage
_38
.borrow<&ExampleNFT.Collection>(from: ExampleNFT.CollectionStoragePath)
_38
?? panic("Could not borrow a reference to the owner's collection")
_38
_38
// Call the withdraw function on the sender's Collection
_38
// to move the NFT out of the collection
_38
self.transferToken <- collectionRef.withdraw(withdrawID: 1)
_38
}
_38
_38
execute {
_38
// Get the recipient's public account object
_38
let recipient = getAccount(0x02)
_38
_38
// Get the Collection reference for the receiver
_38
// getting the public capability and borrowing a reference from it
_38
let receiverRef = recipient.capabilities
_38
.borrow<&{ExampleNFT.NFTReceiver}>(ExampleNFT.CollectionPublicPath)
_38
?? panic("Could not borrow receiver reference")
_38
_38
// Deposit the NFT in the receivers collection
_38
receiverRef.deposit(token: <-self.transferToken)
_38
_38
log("NFT ID 1 transferred from account 1 to account 2")
_38
}
_38
}

Now we can check both accounts' collections to make sure that account 0x02 owns the token and account 0x01 has nothing.

info

Execute the script Print all NFTs to see the tokens in each account:

Script2.cdc

_27
import ExampleNFT from 0x01
_27
_27
// Print the NFTs owned by accounts 0x01 and 0x02.
_27
access(all)
_27
fun main() {
_27
_27
// Get both public account objects
_27
let account1 = getAccount(0x01)
_27
let account2 = getAccount(0x02)
_27
_27
// Find the public Receiver capability for their Collections
_27
let acct1Capability = account1.getCapability(ExampleNFT.CollectionPublicPath)
_27
let acct2Capability = account2.getCapability(ExampleNFT.CollectionPublicPath)
_27
_27
// borrow references from the capabilities
_27
let receiver1Ref = acct1Capability.borrow<&{ExampleNFT.NFTReceiver}>()
_27
?? panic("Could not borrow account 1 receiver reference")
_27
let receiver2Ref = acct2Capability.borrow<&{ExampleNFT.NFTReceiver}>()
_27
?? panic("Could not borrow account 2 receiver reference")
_27
_27
// Print both collections as arrays of IDs
_27
log("Account 1 NFTs")
_27
log(receiver1Ref.getIDs())
_27
_27
log("Account 2 NFTs")
_27
log(receiver2Ref.getIDs())
_27
}

You should see something like this in the output:


_10
"Account 1 NFTs"
_10
[]
_10
"Account 2 NFTs"
_10
[1]

Account 0x02 has one NFT with ID=1 and account 0x01 has none. This shows that the NFT was transferred from account 0x01 to account 0x02.

Congratulations, you now have a working NFT!

Putting It All Together​


This was only a basic example how a NFT might work on Flow. Please refer to the Flow NFT Standard repo for information about the official Flow NFT standard and an example implementation of it.

Fungible Tokens​


Now that you have a working NFT, you will probably want to be able to trade it. For that you are going to need to understand how fungible tokens work on Flow, so go ahead and move to the next tutorial!