我是 shopify-App developmentmet 的新手,遇到了 Polaris,这是 Shopify 提供的用于一致的用户界面开发的反应库。我的想法是构建一个 Node.js Express 应用程序来验证和安装应用程序并处理数据并为商店管理员的用户界面提供一个反应应用程序。
我在网上搜索,但找不到将 React 应用程序连接到 shopify 应用程序的标准或推荐方式。
我能想到的是当商店管理员从应用程序部分选择应用程序并成功通过如下身份验证时,从 Node 应用程序重定向到 React 应用程序。
app.get('/shopify/callback', (req, res) => {
const { shop, hmac, code, state } = req.query;
const stateCookie = cookie.parse(req.headers.cookie).state;
if (state !== stateCookie) {
return res.status(403).send('Request origin cannot be verified');
}
if (shop && hmac && code) {
const map = Object.assign({}, req.query);
delete map['signature'];
delete map['hmac'];
const message = querystring.stringify(map);
const generatedHash = crypto
.createHmac('sha256', apiSecret)
.update(message)
.digest('hex');
if (generatedHash !== hmac) {
return res.status(400).send('HMAC validation failed');
}
const accessTokenRequestUrl = 'https://' + shop + '/admin/oauth/access_token';
const accessTokenPayload = {
client_id: apiKey,
client_secret: apiSecret,
code,
};
request.post(accessTokenRequestUrl, { json: accessTokenPayload })
.then((accessTokenResponse) => {
const accessToken = accessTokenResponse.access_token;
const shopRequestUrl = 'https://' + shop + '/admin/shop.json';
const shopRequestHeaders = {
'X-Shopify-Access-Token': accessToken,
};
res.redirect([URL to the react app built with Polaris]);
})
.catch((error) => {
res.status(error.statusCode).send(error.error.error_description);
});
} else {
res.status(400).send('Required parameters missing');
}
});
我得到了这个工作,但我不确定这是否是推荐的方法。