Current best way to get logged in customer id

[David_W]

I'm looking for some advice on the best way to get the current logged in customer id. Right now I rely on app proxy pages, but I'm not really happy with that solution. I've seen people use some Javascript supplied by Shopify to check a variable:

__st.cid

But it doesn't seem like it's intended to be used by developers and could change without notice. What solutions are people finding the most success with? Are there any plans to have better support for this in the near future?

[Sagar_Khadke]

Hello,

You can use liquid for the same. You can get current user's customer id by => {{ customer.id }}

[jimmypoulsen]

Hi Sagar,

Can I also use this in a HTTP response from a proxy URL if the Content-Type is set to 'application/liquid'? My response relies on the customer that is currently logged in.

[kcin1993]

Hi, Davie_w

I think the __st.cid is a good solution. 

If you want to make sure the logged customers data is correct. You can use the ScriptTag API to achieve.

1. Add a script resource to store via ScriptTag API

2. In the script use the __st.cid to get the current customer's ID

3. Save the result from the step.2 in browser's localstorage and your app can access it

Does it work for you?

[kcin1993]

My above solution might have some issue. 

The cid save in the localstorage will meet the issue of different.

If your app is embed via ScriptTag, I think the best solution is using the Post Message way to transport the cid between two domain.

[Pritam_Roy]

Hi, You can get the customerid from the window object but the specification is always changing and different customers may be using different versions.

I am using a function like this in my apps-

  var getCustomerId = function() {
    try {
      let curr = window.ShopifyAnalytics.meta.page.customerId;
      if (curr !== undefined && curr !== null && curr !== "") {
        return curr;
      }
    } catch(e) { }
    try {
      let curr = window.meta.page.customerId;
      if (curr !== undefined && curr !== null && curr !== "") {
        return curr;
      }
    } catch (e) { }    
    try {
      let curr = _st.cid;
      if (curr !== undefined && curr !== null && curr !== "") {
        return curr;
      }
    } catch (e) { }
    try {
      let curr = ShopifyAnalytics.lib.user().traits().uniqToken;
      if (curr !== undefined && curr !== null && curr !== "") {
        return curr;
      }
    } catch (e) { }
    return null;
  }

Hope this helps !!

[smart387said]

My question is how to test this functionality in dev store? So far we are not able to make our dev store accept shop customer login, or  I'm missing something?

[Andthink]

You just have to enable in settings/checkout you can chose to make accounts optiona lor mandatory, default is disabled