[API Node] Allow authentification via Comfy API key

[christian-byrne]

Allow user to log in with an API key generated from https://platform.comfy.org/login.

This enables usage of API nodes in cases where, for example

• The user is on non-whitelisted domain (e.g., cloud service, accessing home PC via tablet)
• The user wants to add various API keys they have to their account and have convenience of still using API nodes

In general, however, the use of API keys will mainly benefit people running ComfyUI with a separate frontend or headlessly, or services embedding ComfyUI into their own product.

comfy-api-key-blurred.mp4

┆Issue is synchronized with this Notion page by Unito

[huchenlei]

It seems like the api key signin form is parallel to

• password signin + social account signin
• password signup + social account signup

Shall we refactor the logic in SignInContent.vue to better capture this? Currently the showApiKeyForm flag is not representing this parallelism well.

[christian-byrne]

Shall we refactor the logic in SignInContent.vue to better capture this? Currently the showApiKeyForm flag is not representing this parallelism well.

Sure, thanks.

[christian-byrne]

Actually I'm not positive what you mean exactly. Do you mean have separate states for logging in with API key vs. signing up with API key?

[huchenlei]

Actually I'm not positive what you mean exactly. Do you mean have separate states for logging in with API key vs. signing up with API key?

What I mean is that instead of having showApiKeyForm in multiple v-if conditions, can we just lift it to the top level and only have it in one v-if.

[christian-byrne]

What I mean is that instead of having showApiKeyForm in multiple v-if conditions, can we just lift it to the top level and only have it in one v-if.

Thanks, that does seem better.

[christian-byrne]

Changes:

• Instead of having showApiKeyForm in multiple v-if conditions, lift it to the top level and only have it in one v-if
• Move all API key form elements to the ApiKeyForm component
• Add description subtext and links to recently created API key login tutorial: https://docs.comfy.org/interface/user#logging-in-with-an-api-key
• Add component test for ApiKeyForm