diff --git a/src/components/AuthRequiredView.vue b/src/components/AuthRequiredView.vue
index 1e0a229b6..6f2507b88 100644
--- a/src/components/AuthRequiredView.vue
+++ b/src/components/AuthRequiredView.vue
@@ -70,7 +70,7 @@ export default {
   },
   mounted() {
     const { login } = this.$route.query;
-    if (!this.walletIsMatchedSession && login) {
+    if (!this.getSessionWallet && login) {
       this.onClickLogin();
     }
   },
diff --git a/src/components/EventModal/Collect/index.vue b/src/components/EventModal/Collect/index.vue
index 8352f9a3d..49fcf0259 100644
--- a/src/components/EventModal/Collect/index.vue
+++ b/src/components/EventModal/Collect/index.vue
@@ -699,7 +699,7 @@ export default {
       try {
         switch (method) {
           case 'crypto': {
-            if (!this.getAddress) {
+            if (!this.getSessionWallet) {
               const isConnected = await this.connectWallet();
               if (!isConnected) return;
             }
@@ -731,7 +731,7 @@ export default {
             await this.collectNFTWithStripe(classId, { memo: this.memo });
             break;
           case 'free': {
-            if (!this.getAddress) {
+            if (!this.getSessionWallet) {
               const isConnected = await this.connectWallet();
               if (!isConnected) return;
             }
diff --git a/src/components/SiteHeader.vue b/src/components/SiteHeader.vue
index 01be790b3..5da43908c 100644
--- a/src/components/SiteHeader.vue
+++ b/src/components/SiteHeader.vue
@@ -56,21 +56,23 @@
         </MenuList>
       </Dropdown>
 
-      <ButtonV2
-        v-if="!loginAddress"
-        class="hidden laptop:flex"
-        preset="secondary"
-        :text="$t('header_button_connect_to_wallet')"
-        @click="handleConnectWallet"
-      >
-        <template #prepend>
-          <IconLogin />
-        </template>
-      </ButtonV2>
+      <div v-if="!getSessionWallet" class="hidden laptop:flex">
+        <ProgressIndicator v-if="isLoggingIn" />
+        <ButtonV2
+          v-else
+          preset="secondary"
+          :text="$t('header_button_connect_to_wallet')"
+          @click="handleConnectWallet"
+        >
+          <template #prepend>
+            <IconLogin />
+          </template>
+        </ButtonV2>
+      </div>
 
       <Dropdown class="hidden laptop:block ml-[4px]">
         <template #trigger="{ toggle }">
-          <div v-if="loginAddress" class="relative">
+          <div v-if="getSessionWallet" class="relative">
             <Identity
               class="cursor-pointer"
               :avatar-url="walletUserAvatar"
@@ -136,7 +138,7 @@
 
       {{ /* phone version */ }}
       <ButtonV2
-        v-if="!loginAddress"
+        v-if="!getSessionWallet"
         class="laptop:hidden"
         preset="plain"
         @click="handleOpenSlider"
@@ -170,16 +172,19 @@
       v-if="isShowMobileMenu"
       @close="isShowMobileMenu = false"
     >
-      <ButtonV2
-        v-if="!loginAddress"
-        class="w-full"
-        preset="secondary"
-        @click="handleConnectWallet"
-        ><div class="flex gap-[12px]">
-          <IconLogin />
-          {{ $t('header_button_connect_to_wallet') }}
-        </div>
-      </ButtonV2>
+      <div v-if="!getSessionWallet">
+        <ProgressIndicator v-if="isLoggingIn || getIsRestoringSession" />
+        <ButtonV2
+          v-else
+          class="w-full"
+          preset="secondary"
+          @click="handleConnectWallet"
+          ><div class="flex gap-[12px]">
+            <IconLogin />
+            {{ $t('header_button_connect_to_wallet') }}
+          </div>
+        </ButtonV2>
+      </div>
       <div v-else class="w-full">
         <ul class="w-full text-dark-gray">
           <MenuItem
@@ -284,6 +289,7 @@ export default {
   data() {
     return {
       isShowMobileMenu: false,
+      isLoggingIn: false,
     };
   },
   computed: {
@@ -292,6 +298,7 @@ export default {
       'getUserId',
       'getNotificationCount',
       'shoppingCartBookProductList',
+      'getSessionWallet',
     ]),
     currentLocale() {
       return this.$i18n.locale;
@@ -317,10 +324,10 @@ export default {
     },
   },
   async mounted() {
-    await this.restoreSession();
+    await this.restoreAuthSession();
   },
   methods: {
-    ...mapActions(['updatePreferences', 'userLogout']),
+    ...mapActions(['updatePreferences', 'userLogout', 'restoreAuthSession']),
     handleClickGoStore() {
       logTrackerEvent(this, 'site_header', 'site_header_click_store', '', 1);
     },
@@ -329,6 +336,7 @@ export default {
     },
     async handleConnectWallet() {
       try {
+        this.isLoggingIn = true;
         logTrackerEvent(
           this,
           'site_menu',
@@ -340,6 +348,8 @@ export default {
       } catch (err) {
         console.error(err);
         this.alertPromptError(err);
+      } finally {
+        this.isLoggingIn = false;
       }
     },
     handleSelectMenuItem(value) {
@@ -366,7 +376,7 @@ export default {
           this.$router.push(
             this.localeLocation({
               name: 'bookshelf',
-              params: { id: this.loginAddress },
+              params: { id: this.getSessionWallet },
               query: { tab: 'collected' },
             })
           );
@@ -392,12 +402,12 @@ export default {
     handleOpenSlider() {
       this.isShowMobileMenu = true;
 
-      if (this.loginAddress) {
+      if (this.getSessionWallet) {
         logTrackerEvent(
           this,
           'site_menu',
           'site_menu_click_slider_menu',
-          this.loginAddress,
+          this.getSessionWallet,
           1
         );
       } else {
diff --git a/src/constant/index.js b/src/constant/index.js
index 5237fbfb2..319511e31 100644
--- a/src/constant/index.js
+++ b/src/constant/index.js
@@ -367,3 +367,11 @@ export const NFT_BOOK_WITH_SIGN_IMAGE_SET = new Map(
         ['likenft1tlnn2x6864q6l5ag4fd87lc8eel7xafxnahd0836sap9eqshtuesesavum'],
       ]
 );
+
+export const SIGN_AUTHORIZATION_PERMISSIONS = [
+  'profile',
+  'read:nftbook',
+  'write:nftbook',
+  'read:nftcollection',
+  'write:nftcollection',
+];
diff --git a/src/mixins/wallet.js b/src/mixins/wallet.js
index c8aa6f267..bbd27b589 100644
--- a/src/mixins/wallet.js
+++ b/src/mixins/wallet.js
@@ -36,6 +36,9 @@ export default {
       'walletIsMatchedSession',
       'walletIsLoggingIn',
       'loginAddress',
+      'getAccessToken',
+      'getSessionWallet',
+      'getIsRestoringSession',
     ]),
     hasConnectedWallet() {
       return !!this.getAddress && !!this.walletMethodType;
diff --git a/src/pages/_id/index.vue b/src/pages/_id/index.vue
index dda1fa674..862b046f9 100644
--- a/src/pages/_id/index.vue
+++ b/src/pages/_id/index.vue
@@ -516,7 +516,7 @@ export default {
         1
       );
 
-      if (!this.getAddress) {
+      if (!this.getSessionWallet) {
         const isConnected = await this.connectWallet();
         if (!isConnected) return;
         this.walletFetchLIKEBalance();
diff --git a/src/pages/bookshelf/index.vue b/src/pages/bookshelf/index.vue
index 40b9c5d59..b061a7b1f 100644
--- a/src/pages/bookshelf/index.vue
+++ b/src/pages/bookshelf/index.vue
@@ -193,7 +193,7 @@ export default {
       'walletFollowees',
     ]),
     wallet() {
-      return this.loginAddress;
+      return this.getSessionWallet;
     },
   },
   watch: {
diff --git a/src/pages/nft/claim/index.vue b/src/pages/nft/claim/index.vue
index e4e749dbc..d454f5d8c 100644
--- a/src/pages/nft/claim/index.vue
+++ b/src/pages/nft/claim/index.vue
@@ -761,7 +761,7 @@ export default {
       );
     },
     claimingAddress() {
-      return this.loginAddress;
+      return this.getSessionWallet;
     },
     claimingEmail() {
       return this.walletEmail || this.walletEmailUnverified;
diff --git a/src/pages/reader.vue b/src/pages/reader.vue
index 1a2f14abe..88d5f6674 100644
--- a/src/pages/reader.vue
+++ b/src/pages/reader.vue
@@ -92,7 +92,7 @@ export default {
   },
   watch: {
     // TODO: use loginAddress
-    async getAddress(address) {
+    async getSessionWallet(address) {
       if (address) {
         await Promise.all([
           this.fetchUserCollectedCount(),
@@ -101,7 +101,7 @@ export default {
         if (
           (!this.userCollectedCount && this.isLoginRequired) ||
           (this.nftCollectorWalletAddress &&
-            this.nftCollectorWalletAddress !== this.getAddress)
+            this.nftCollectorWalletAddress !== this.getSessionWallet)
         ) {
           this.$router.replace(
             this.localeLocation({
@@ -127,7 +127,7 @@ export default {
       await this.fetchISCNMetadata();
       await this.restoreSession();
       // TODO: use loginAddress
-      if (this.getAddress) {
+      if (this.getSessionWallet) {
         await Promise.all([
           this.fetchUserCollectedCount(),
           this.updateNFTOwners(),
@@ -135,7 +135,7 @@ export default {
         if (
           (!this.userCollectedCount && this.isLoginRequired) ||
           (this.nftCollectorWalletAddress &&
-            this.nftCollectorWalletAddress !== this.getAddress)
+            this.nftCollectorWalletAddress !== this.getSessionWallet)
         ) {
           this.$router.replace(
             this.localeLocation({
diff --git a/src/pages/shopping-cart/wnft.vue b/src/pages/shopping-cart/wnft.vue
index b394f57de..cefc4081b 100644
--- a/src/pages/shopping-cart/wnft.vue
+++ b/src/pages/shopping-cart/wnft.vue
@@ -237,7 +237,7 @@ export default {
         1
       );
       try {
-        if (!this.getAddress) {
+        if (!this.getSessionWallet) {
           const isConnected = await this.connectWallet();
           if (!isConnected) return;
         } else {
diff --git a/src/store/index.js b/src/store/index.js
index 3b9077671..1a1555303 100644
--- a/src/store/index.js
+++ b/src/store/index.js
@@ -11,6 +11,7 @@ import staticData from './modules/staticData';
 import wallet from './modules/wallet';
 import nft from './modules/nft';
 import cart from './modules/cart';
+import bookStoreAPI from './modules/bookStoreApi';
 
 const createStore = () =>
   new Vuex.Store({
@@ -49,6 +50,7 @@ const createStore = () =>
       wallet,
       nft,
       cart,
+      bookStoreAPI,
     },
   });
 
diff --git a/src/store/modules/bookStoreApi.js b/src/store/modules/bookStoreApi.js
new file mode 100644
index 000000000..605458b7a
--- /dev/null
+++ b/src/store/modules/bookStoreApi.js
@@ -0,0 +1,96 @@
+/* eslint no-param-reassign: "off" */
+
+import { postLikeCoAuthenticate } from '~/util/api';
+import {
+  saveAuthSession,
+  clearAuthSession,
+  loadAuthSession,
+} from '~/util/auth';
+import {
+  BOOKSTORE_API_SET_TOKEN,
+  BOOKSTORE_API_SET_SESSION_WALLET,
+  BOOKSTORE_API_SET_IS_LOADING,
+} from '../mutation-types';
+
+const initialState = () => ({
+  token: '',
+  sessionWallet: '',
+  isRestoringSession: false,
+});
+
+const mutations = {
+  [BOOKSTORE_API_SET_TOKEN](state, token) {
+    state.token = token;
+  },
+  [BOOKSTORE_API_SET_SESSION_WALLET](state, wallet) {
+    state.sessionWallet = wallet;
+  },
+  [BOOKSTORE_API_SET_IS_LOADING](state, isLoading) {
+    state.isRestoringSession = isLoading;
+  },
+};
+
+const actions = {
+  async authenticate({ commit }, { inputWallet = '', signature = {} }) {
+    try {
+      const { token } = await this.$api.$post(
+        postLikeCoAuthenticate(),
+        signature
+      );
+      if (!token) {
+        throw new Error('INVALID_SIGNATURE');
+      }
+      commit(BOOKSTORE_API_SET_TOKEN, token);
+      commit(BOOKSTORE_API_SET_SESSION_WALLET, inputWallet);
+      saveAuthSession({ wallet: inputWallet, token });
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.error(error);
+      if (error.response?.data) {
+        throw new Error(`AUTHENTICATION_FAILED: ${error.response?.data}`);
+      }
+      throw new Error('AUTHENTICATION_FAILED');
+    }
+  },
+
+  clearSession({ commit }) {
+    commit(BOOKSTORE_API_SET_TOKEN, '');
+    commit(BOOKSTORE_API_SET_SESSION_WALLET, '');
+    clearAuthSession();
+  },
+
+  async restoreAuthSession({ commit, dispatch }) {
+    try {
+      commit(BOOKSTORE_API_SET_IS_LOADING, true);
+      const session = loadAuthSession();
+      if (session) {
+        commit(BOOKSTORE_API_SET_TOKEN, session.token);
+        commit(BOOKSTORE_API_SET_SESSION_WALLET, session.wallet);
+        if (session.wallet) {
+          await dispatch('restoreSession');
+        }
+      }
+    } finally {
+      commit(BOOKSTORE_API_SET_IS_LOADING, false);
+    }
+  },
+};
+
+const getters = {
+  getAccessToken: state => state.token,
+  getSessionWallet: (state, getters, rootState, rootGetters) => {
+    const { walletIsMatchedSession, loginAddress } = rootGetters;
+    if (state.sessionWallet === loginAddress && walletIsMatchedSession) {
+      return state.sessionWallet;
+    }
+    return undefined;
+  },
+  getIsRestoringSession: state => state.isRestoringSession,
+};
+
+export default {
+  actions,
+  getters,
+  state: initialState,
+  mutations,
+};
diff --git a/src/store/modules/wallet.js b/src/store/modules/wallet.js
index b0337a04d..44df78f3c 100644
--- a/src/store/modules/wallet.js
+++ b/src/store/modules/wallet.js
@@ -4,6 +4,7 @@ import BigNumber from 'bignumber.js';
 import {
   LIKECOIN_CHAIN_MIN_DENOM,
   LIKECOIN_NFT_API_WALLET,
+  SIGN_AUTHORIZATION_PERMISSIONS,
 } from '@/constant/index';
 import { LIKECOIN_WALLET_CONNECTOR_CONFIG } from '@/constant/network';
 import { catchAxiosError } from '~/util/misc';
@@ -230,8 +231,14 @@ const getters = {
   getSigner: state => state.signer,
   loginAddress: state => state.loginAddress,
   walletHasLoggedIn: state => !!state.address && !!state.loginAddress,
-  walletIsMatchedSession: (state, getters) =>
-    getters.walletHasLoggedIn && state.address === state.loginAddress,
+  walletIsMatchedSession: (state, getters, rootState) => {
+    const { sessionWallet } = rootState.bookStoreAPI;
+    return (
+      getters.walletHasLoggedIn &&
+      state.address === state.loginAddress &&
+      state.address === sessionWallet
+    );
+  },
   getConnector: state => state.connector,
   getLikerInfo: state => state.likerInfo,
   walletFollowees: state => state.followees,
@@ -463,6 +470,7 @@ const actions = {
     commit(WALLET_SET_SIGNER, null);
     commit(WALLET_SET_CONNECTOR, null);
     commit(WALLET_SET_LIKERINFO, null);
+    dispatch('clearSession');
     await dispatch('walletLogout');
   },
 
@@ -881,11 +889,17 @@ const actions = {
     try {
       commit(WALLET_SET_IS_LOGGING_IN, true);
       const { signer, methodType } = state;
-      const data = await signLoginMessage(signer, address);
+      const data = await signLoginMessage(
+        signer,
+        address,
+        'authorize',
+        SIGN_AUTHORIZATION_PERMISSIONS
+      );
       const result = await this.$api.$post(postUserV2Login(), {
         loginMethod: methodType,
         ...data,
       });
+      await dispatch('authenticate', { inputWallet: address, signature: data });
       await setLoggerUser(this, {
         wallet: address,
         method: methodType,
@@ -896,6 +910,8 @@ const actions = {
       await dispatch('walletFetchSessionUserData');
     } catch (error) {
       commit(WALLET_SET_USER_INFO, null);
+      dispatch('disconnectWallet');
+      dispatch('clearSession');
       if (error.message === 'Request rejected') {
         // User rejected login request
       } else {
diff --git a/src/store/mutation-types.js b/src/store/mutation-types.js
index 7b5868e8c..8728143df 100644
--- a/src/store/mutation-types.js
+++ b/src/store/mutation-types.js
@@ -96,3 +96,7 @@ export const WALLET_SET_TOTAL_RESALES = 'WALLET_SET_TOTAL_RESALES';
 export const WALLET_SET_SALES_DETAILS = 'WALLET_SET_SALES_DETAILS';
 export const WALLET_SET_ROYALTY_DETAILS = 'WALLET_SET_ROYALTY_DETAILS';
 export const WALLET_SET_RESALE_DETAILS = 'WALLET_SET_RESALE_DETAILS';
+export const BOOKSTORE_API_SET_TOKEN = 'BOOKSTORE_API_SET_TOKEN';
+export const BOOKSTORE_API_SET_SESSION_WALLET =
+  'BOOKSTORE_API_SET_SESSION_WALLET';
+export const BOOKSTORE_API_SET_IS_LOADING = 'BOOKSTORE_API_SET_IS_LOADING';
diff --git a/src/util/api/index.js b/src/util/api/index.js
index e88fa2409..a5958b7e2 100644
--- a/src/util/api/index.js
+++ b/src/util/api/index.js
@@ -597,3 +597,6 @@ export const fetchGutenbergCsv = () =>
 
 export const postSubstackSubscribe = () =>
   `https://substackapi.com/api/subscribe`;
+
+export const postLikeCoAuthenticate = () =>
+  `${LIKECOIN_API_BASE}/wallet/authorize`;
diff --git a/src/util/auth.js b/src/util/auth.js
new file mode 100644
index 000000000..60b9a875a
--- /dev/null
+++ b/src/util/auth.js
@@ -0,0 +1,41 @@
+const AUTH_SESSION_KEY = 'likecoin_nft_book_press_token';
+
+export function loadAuthSession() {
+  try {
+    if (window.localStorage) {
+      const data = window.localStorage.getItem(AUTH_SESSION_KEY);
+      if (data) {
+        const { wallet, token } = JSON.parse(data);
+        return {
+          wallet,
+          token,
+        };
+      }
+    }
+  } catch {}
+
+  return null;
+}
+
+export function saveAuthSession({ wallet, token }) {
+  try {
+    if (!window.localStorage) {
+      return;
+    }
+
+    window.localStorage.setItem(
+      AUTH_SESSION_KEY,
+      JSON.stringify({ wallet, token })
+    );
+  } catch {}
+}
+
+export function clearAuthSession() {
+  try {
+    if (!window.localStorage) {
+      return;
+    }
+
+    window.localStorage.removeItem(AUTH_SESSION_KEY);
+  } catch {}
+}
diff --git a/src/util/cosmos.js b/src/util/cosmos.js
index 409b408f8..26304e3df 100644
--- a/src/util/cosmos.js
+++ b/src/util/cosmos.js
@@ -24,85 +24,85 @@ export function convertAddressPrefix(address, prefix = 'like') {
   return bech32.encode(prefix, words);
 }
 
-async function signLoginMessageMemo(signer, address, payload) {
-  const signingPayload = {
-    chain_id: LIKECOIN_CHAIN_ID,
-    memo: payload,
-    msgs: [],
-    fee: {
-      gas: '0',
-      amount: [
-        {
-          denom: LIKECOIN_CHAIN_MIN_DENOM,
-          amount: '0',
-        },
-      ],
-    },
-    sequence: '0',
-    account_number: '0',
-  };
-  const { signed, signature } = await signer.signAmino(address, signingPayload);
-  return {
-    signed: stringify(signed),
-    signature,
-    signMethod: 'memo',
-  };
-}
-
-async function signLoginMessageADR036(signer, address, message) {
-  if (!signer.signArbitrary) {
-    throw new Error('Signer does not support signArbitrary');
-  }
+export async function signLoginMessage(signer, address, action, permissions) {
   const chainId = LIKECOIN_CHAIN_ID;
-  const signature = await signer.signArbitrary(chainId, address, message);
-  const signDoc = {
-    msgs: [
-      {
-        type: 'sign/MsgSignData',
-        value: {
-          signer: address,
-          data: window.btoa(message),
-        },
-      },
-    ],
-    account_number: '0',
-    sequence: '0',
-    fee: {
-      gas: '0',
-      amount: [],
-    },
-    memo: '',
-    chain_id: '',
-  };
-  return {
-    signed: stringify(signDoc),
-    signature,
-    signMethod: 'ADR-036',
-  };
-}
-
-export async function signLoginMessage(signer, address) {
   const payload = [
     `${LOGIN_MESSAGE}:`,
     JSON.stringify({
       ts: Date.now(),
       address,
+      action,
+      permissions,
+      likeWallet: address,
     }),
   ].join(' ');
-  const sign = signer.signArbitrary
-    ? signLoginMessageADR036
-    : signLoginMessageMemo;
-  const {
-    signed: message,
-    signature: { signature, pub_key: publicKey },
-    signMethod,
-  } = await sign(signer, address, payload);
-  const data = {
-    signature,
-    publicKey: publicKey.value,
-    message,
-    from: address,
-    signMethod,
-  };
-  return data;
+
+  if (signer?.signArbitrary) {
+    const { signature, pub_key: publicKey } = await signer.signArbitrary(
+      chainId,
+      address,
+      payload
+    );
+    const signDoc = {
+      msgs: [
+        {
+          type: 'sign/MsgSignData',
+          value: {
+            signer: address,
+            data: window.btoa(payload),
+          },
+        },
+      ],
+      account_number: '0',
+      sequence: '0',
+      fee: {
+        gas: '0',
+        amount: [],
+      },
+      memo: '',
+      chain_id: '',
+    };
+    return {
+      signature,
+      signMethod: 'ADR-036',
+      publicKey: publicKey.value,
+      message: stringify(signDoc),
+      wallet: address,
+      from: address,
+      expiresIn: '7d',
+    };
+  }
+
+  if (signer?.signAmino) {
+    const signingPayload = {
+      chain_id: LIKECOIN_CHAIN_ID,
+      memo: payload,
+      msgs: [],
+      fee: {
+        gas: '0',
+        amount: [
+          {
+            denom: LIKECOIN_CHAIN_MIN_DENOM,
+            amount: '0',
+          },
+        ],
+      },
+      sequence: '0',
+      account_number: '0',
+    };
+    const { signed, signature } = await signer.signAmino(
+      address,
+      signingPayload
+    );
+    return {
+      signature: signature.signature,
+      publicKey: signature.pub_key.value,
+      message: stringify(signed),
+      wallet: address,
+      from: address,
+      signMethod: 'memo',
+      expiresIn: '7d',
+    };
+  }
+  throw new Error('SIGNER_NOT_SUPPORT_AMINO');
 }