如何使用react登录客户,使用app proxy编写我的shopify应用程序

如何使用react登录客户,使用app proxy编写我的shopify应用程序,shopify,shopify-app,Shopify,Shopify App,我正在使用react编写我的应用程序,它将使用应用程序代理显示在我的shopify商店上。我有一个显示客户数据的链接/客户id。此链接由shopify主题创建,我的应用程序可以访问客户id并显示客户数据。问题是任何拥有此链接的人都可以查看数据。我知道在liquid中,我可以使用if-else来检查已登录的客户。但是,我怎样才能用react而不是liquid实现同样的行为呢 使用AppProxy将{{{customer.id}}作为另一个变量发送到服务器。如果客户未登录,此变量将提供空值 但此变量

我正在使用react编写我的应用程序,它将使用应用程序代理显示在我的shopify商店上。我有一个显示客户数据的链接/客户id。此链接由shopify主题创建,我的应用程序可以访问客户id并显示客户数据。问题是任何拥有此链接的人都可以查看数据。我知道在liquid中,我可以使用if-else来检查已登录的客户。但是,我怎样才能用react而不是liquid实现同样的行为呢

使用AppProxy将{{{customer.id}}作为另一个变量发送到服务器。如果客户未登录,此变量将提供空值

但此变量将仅在liquid文件中呈现。因此,使用脚本标记发出应用程序代理请求在这里不起作用

您需要在液体文件(如theme.liquid)或page.liquid(如果您使用的是自定义页面)中编写此js(在普通脚本标记中)

为此,您可以简单地使用API创建代码段并附加包含代码。(或按如下方式手动输入)

{%include'应用程序代理启动器'%}

现在,在后端逻辑中,如果您的自定义变量不为null,并且与进行调用的URL中的id匹配,则只需发送响应

希望这会有所帮助