Skip to main content

zkLogin Example

The Sui community created an example to facilitate a comprehensive understanding of each step involved in Sui zkLogin for developers.

ZKLogin Overview This example breaks down the complete process of Sui zkLogin into seven steps, as follows:

  1. Generate ephemeral key pair
  2. Fetch JWT
  3. Decode JWT
  4. Generate salt
  5. Generate user Sui address
  6. Fetch ZK proof
  7. Assemble zkLogin signature

Each step includes corresponding code snippets, providing instructions on how to obtain the required data for each step.

Operating environment​

The example runs in Sui Devnet. All data the user generates is stored locally on the client-side (browser). The acquisition of the zero-knowledge proof (ZK proof) is done through a call to the Mysten Labs-maintained proving service. Therefore, running the example does not require an additional deployed backend server (or a Docker container).

Storage locations for key data​

The following table lists the storage location for key data the example uses:

DataStorage location
Ephemeral key pairwindow.sessionStorage
Randomnesswindow.sessionStorage
User saltwindow.localStorage
Max epochwindow.localStorage

Because the user salt is stored long-term in the browser's localStorage, as long as the localStorage is not cleared manually, you can use the same JWT (in this example, logging in with the same Google account) to access the corresponding zkLogin address generated from the current salt value at any time.

caution

Changing browsers or devices results in the inability to access previously generated Sui zkLogin addresses, even when using the same JWT.

Troubleshooting​

  • ZK Proof request failure:

    • This might occur because of inconsistencies in the creation of multiple randomness or user salts, causing request failures. Click the Reset Button in the top right corner of the UI to restart the entire process.

  • Request test tokens failure:

    • This is because you have surpassed the faucet server request frequency limitations.
    • You can go to Sui #devnet-faucet or #testnet-faucet Discord channels to claim test coins.

  • Any suggestions are welcome on the project's GitHub repo through raised issues, and of course, pull requests are highly appreciated.

  • For more FAQs about zkLogin, you can check zkLogin FAQ.