如何返回 Stripe 的 createToken tokenId 並在 vuex 的另一個 function 中使用

Question

所以我在我的api.js文件中調用Stripe.card.createToken並希望返回這個 function 生成的令牌，以便我可以在我的 vuex 中使用它，我該怎么做？

// api.js

export const stripeToken = async ({ cardInfo }) => {
  const { data } = await Stripe.card.createToken({
    cardInfo,
  });
  return data;
};

所以我想像這樣在 vuex 中的操作中使用它。 我這樣做了，但它不起作用，它返回未定義：

//vuex

import { stripeToken } from '@src/store/api';
async stripeToken({ dispatch }, { cardInfo }) {
  const { data } = await stripeToken({ cardInfo });
  console.log('tokenId: ', data.tokenId);
},

Answer 1

我不熟悉 vuex，但是Stripe.card.createToken方法需要兩個參數：一個 JavaScript object 包含用戶輸入的信用卡數據，以及一個回調 ZC1C425268E68385D1AB5074C17A9 到您可以在此處的 Stripe 文檔中了解更多信息。

以下是使用Stripe.card.createToken顯示令牌 ID 的方法：

Stripe.card.createToken(cardInfo, (status, response) => {
  if (response.error) {
    console.log(response.error);
  } else {
    console.log(response.id);
  }
});

請注意， Stripe.card.createToken是 Stripe.js v2 中的舊方法，現已棄用，因此我建議盡可能升級到 Stripe.js v3 。