Alokairadhu

Magento 2 VSF: Customers are automatically logged out after a period of time.

Hi, I've successfully set up a Magento2 VueStorefront instance locally. Everything functions perfectly. Yet, I'm curious about altering the frontend's session expiry (Vue Storefront-specific configuration). Currently, customers are automatically logged out after a period of inactivity on the website.

radhu•38d ago

Hey, do you mind lending me a hand? Any help here?

Darren R•38d ago

Hi @radhu What is the expiry of the vsf-customer cookie that get's set when you log in? If this Cookie has expired VSF will log you out. Another reason you will get logged out is if the function in plugins/token-expired.ts does not find a Customer Token. According to the Adobe docs, the default Customer Token lifetime is set to 1 hour. Here is a link to the Adobe docs that may help: https://developer.adobe.com/commerce/webapi/graphql/usage/authorization-tokens/

GraphQL authorization

Learn how to authorize GraphQL API calls using tokens.

radhu•26d ago

@Darren R Thank you for your previous assistance. I have updated the token expiration time, but I am encountering another issue. Despite the expiration of the token and removal of the vsf-customer, the "isAuthenticated" value remains true. As a result, the top menu continues to display "Account" instead of "Login". Do you have any idea why this is happening? And if yes, could you please guide me on how to resolve this?

Darren R•25d ago

@radhu isAuthenticated is using the useUser composable. This is getting the value for the isAuthenticated from the Pinia storecustomerStore.isLoggedIn Clicking a logout on the front-end should run the logout function and clear the values in the CustomerStore. The token-expired plugin should also check on page refresh and reset the customerStore I've had a look at the logic in that plugin file and it looks like it should do ths if GraphQL is no longer authorized. Can you add logging in here to see if its actually trying to run any functions?

radhu•24d ago

@Darren R I added a console.log in the onMounted function of components/AppHeader.vue to check the value of isAuthenticated. However, it returns true even when vsf-customer is removed from the cookie. After adding the following code snippet, I believe the issue has been resolved. Could you please review and confirm if my approach is correct?

const customerStore = useCustomerStore();
if (!app.$vsf.$magento.config.state.getCustomerToken()) {
   customerStore.setIsLoggedIn(false);
}

Darren R•24d ago

@radhu What you have added will work when you hard reload the page. However, that onMounted hook will not run when navigating around the site using links. This might not be an issue for you, but if it is, you can use middleware to add that check/logout. This will run on every page change. https://v2.nuxt.com/docs/directory-structure/middleware/

Nuxt 2

Middleware directory

The middleware directory contains your application middleware. Middleware lets you define custom functions that can be run before rendering either a page or a group of pages (layout).

Alokai Join

5.2KMembers

View on Discord

Want results from more Discord servers?

Add your server

What CMS/framework/template is used for the blog?https://vuestorefront.io/blog I am interested in having a blog along with the shop, and this one lo NextJS + MagentoTwo questions: (1) is this the appropriate repo for a NextJS project?https://github.com/vuestorefron Vue Storefront vs Storefront Nuxt3 Boilerplate?A very noob question, but I’m not sure what makes them different. I got the Nuxt3 boilerplate runnin Is it possible to switch commerce engine?Hi there! I'm new to VSF, and i'm looking for a solution that allow me to change commerge engine in apiState.setCartId()失败是什么原因apiState.setCartId()失败是什么原因 I can't create Magento SDKI followed this documentation for Magento integration: https://docs.vuestorefront.io/integrations/ma ERPNext and Vue Storefront IntegrationAny ERPNext and Vue Storefront Integration available?nuxt 3 supportNow that Vue 2 is deprecated any idea when Vue Storefront will be upgraded to support nuxt 3 and Vue New endpoint doesn't show up in methodsWhen I create a new endpoint with the CLI, it's not adding it to the /pages/methods folder so it doe Vue Storefront OSS deploymentHey folks!! I am following the steps in this guide: https://docs.vuestorefront.io/cookbook/oss-deplo How to configure different request url for different languagesHi, everyone. I just started learning vue-storefront magento, if magento has more than one language The button to add to cart is disabled, !canAddToCart is true,Hi everybody🖐️ The button to add to cart is disabled, !canAddToCart is true, I checked node_modul Unable to override default font familyHi everyone, I'm trying to override Storefront UI Typography default font family, I've tried many va storefront-nuxt3-boilerplate startup issuesI have downloaded the nuxt3 boilerplate and i'm attempting to start it up from the root directory, h I got this error when i try to register an accountMy project is in Vsf1 and backend is in magento2 when i try to register an account i got an this typ Are there any storefront templates out there I can use for demonstration purposes?I am working on a closed source back end offering similar to PrestaShop in functionality. One of the

Gaming

Programming

Magento 2 VSF: Customers are automatically logged out after a period of time.