将Shopify AppBridge实例传递到各种Nuxt / Vue组件

时间:2020-07-31 18:58:56

标签: vue.js shopify nuxt.js shopify-app

我试图每个商店(用户)一次初始化Shopify AppBridge实例(https://shopify.dev/tools/app-bridge),然后在我的应用程序中使用同一实例来使用各种AppBridge功能。

我最初的想法是将AppBridge实例添加到Vuex存储中;但是从存储中检索AppBridge对象时,我无法调用该对象中的任何函数(与它是序列化对象有关吗?)。我需要在实例/对象中使用各种功能。所以这行不通。

那么,执行以下操作的最佳方法是什么?

  1. 应用加载
  2. 运行中间件或功能,并使用用户/商店的详细信息初始化AppBridge
  3. 已加载其他页面,将相同的AppBridge实例用于各种功能

我当前的设置是我在每个页面/组件上重新创建一个新的AppBridge实例,但这会带来麻烦。

有什么想法吗?非常感谢!

0 个答案:

没有答案