Javascript ReactJS从弹出窗口获取数据并在父组件上使用它
我正在开发一个功能,用户可以将他们的产品从我的网站添加到Shopify,为此,我需要向Javascript ReactJS从弹出窗口获取数据并在父组件上使用它,javascript,reactjs,redux,popup,shopify,Javascript,Reactjs,Redux,Popup,Shopify,我正在开发一个功能,用户可以将他们的产品从我的网站添加到Shopify,为此,我需要向https://${shop}/admin/api/2020-04/products.json发送一个post请求,其中shop替换为他们的店铺名称。除此之外,我还需要发送accessToken和我的产品数据 访问产品数据很容易,同时,当用户登录时,我可以从cookies中获取店铺名称和accessToken。我想出了一个解决这个问题的办法 基本上我有一个按钮,onPress它会在这个URL中打开一个弹出窗口:
https://${shop}/admin/api/2020-04/products.json
发送一个post请求,其中shop
替换为他们的店铺名称。除此之外,我还需要发送accessToken和我的产品数据
访问产品数据很容易,同时,当用户登录时,我可以从cookies中获取店铺名称和accessToken。我想出了一个解决这个问题的办法
基本上我有一个按钮,onPress
它会在这个URL中打开一个弹出窗口:https://accounts.shopify.com/store-login
,然后用户将登录,登录后,我可以从cookies中获取accessToken和店铺名称并关闭弹出窗口
到目前为止,我成功地打开了弹出窗口:
const w = window.open(
'https://accounts.shopify.com/store-login',
'popUpWindow',
'height=500,width=500,left=100,top=100,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no, status=yes'
);
console.log(w.opener.document.cookie.split(';'));
不太确定这是否会奏效,但如果有人能帮我实现它或给我一个更好的想法如何做,这将是伟大的 你在开发Shopify应用程序吗?@YoussefBH是的!这不是获取accessToken的方式。当某些商店在安装时安装您的应用程序时,您将获得访问令牌,并将其保存在db中以供以后使用。试试这个教程@YoussefBH我不想将他们的产品添加到我的应用程序中。我希望他们能够直接将我的产品添加到他们的在线商店。你在开发Shopify应用程序吗?@YoussefBH是的!这不是获取accessToken的方式。当某些商店在安装时安装您的应用程序时,您将获得访问令牌,并将其保存在db中以供以后使用。试试这个教程@YoussefBH我不想将他们的产品添加到我的应用程序中。我希望他们能够将我的产品直接添加到他们的在线商店