How to identify Customer Account Page app extension?

Extensions
1

I want to create a field in Admin UI, that would allow the merchant to Copy the URL of his Customer Accounts App page, he can use in emails or send to customers to quickly get to the page…

Example:

https://shopify.com/{123456789}/account/pages/{handle}

To build such URL, I need to get the {my-page} value (the handle), but it is an UUID for app extension (can NOT customise it).

The GraphQL response is such:
{
"node": {
"id": "gid://shopify/CustomerAccountPage/123456789",
"title": "My App",
"handle": "000a00b0-0000-00cd-0b00-0000000e00f0",
"defaultCursor": "asJsaW1pdCI6MSwib3JkZXIiOiJpZCBhc2MiLCJsYXN0X2lkIjo4MzA1NzY3MjQxOCwibGFzdF9YWx==",
"appExtensionUuid": "000a00b0-0000-00cd-0b00-0000000e00f0"
}
}

How can I get the handle of my app? It is same as the appExtensionUuid, but it will be always different per merchant. The merchant can also change the title, so I can not grep by it. And there can be two apps installed, not knowing which is mine from the response.

What would be the go to approach, to construct the link?

Feature Request: Durable, Friendly Handles for Customer Account Page extensions
2

Hi @upsice

You should be able to fetch both the base URL and the pages in a single query:

query GetCustomerAccountShareLinkData($pageCount: Int = 50) {
  shop {
    customerAccountsV2 {
      url
    }
  }
  customerAccountPages(first: $pageCount) {
    nodes {
      __typename
      id
      handle
      title
      ... on CustomerAccountAppExtensionPage {
        appExtensionUuid
      }
    }
  }
}

You can identify your page by matching CustomerAccountAppExtensionPage.appExtensionUuid to your extension UUID from your app configuration, and the link structure would be {customerAccountsV2.url}/pages/{handle}.

3
1 Like