ruby-on-rails - 从 React 调用 Shopify API

Question

到目前为止我设法做了什么

我按照本指南设置了一个带有 Rails 后端 + React 的 Shopify 应用程序: https://medium.com/@esimonian16/setting-up-a-shopify-app-with-rails-5-1-webpack-react-and-polaris-b8535d911275

似乎一切正常。我正在使用 shopify_app gem。

当我在商家仪表板中导航到我的应用程序时，Rails 中的家庭 Controller 呈现一个显示一些产品的 React 应用程序(这些产品从 Rails 传递以作为 JSON 进行 react )。

---

我现在想做什么

我想在 React“列出客户”中有一个按钮，然后它应该更新 React 组件并将所有客户显示为列表。

我在 my-app.com/customers 创建了一个新 Controller

class CustomersController < ShopifyApp::AuthenticatedController
    def index
        customers = ShopifyAPI::Customer.find(:all, params: { limit: 10 })
        render json: customers
    end
end

如果我在浏览器中访问 my-app.com/customers，我会得到正确的 json 响应。

---

然后我尝试从 React 获取这些数据。

fetch('https://my-app.com/customers', {
      headers : { 
        'Content-Type': 'application/json',
        'Accept': 'application/json'
       }
})
.then(response => response.json())
.then(parsedJSON => {
  console.log(parsedJSON);

  // Update state
  // this.setState(...);
})
.catch(error => console.error(error));

Rails 后端不允许请求获取此数据，因为它未被授权，因此它被重定向到 /login

在 React 中，我可以访问 session.token，但是我不确定如何使用它来验证我的请求？

问题

1. 如何对 Shopify API 进行此类调用？我是否在尝试正确的方法，即在 React 和实际的 Shopify Api 调用之间使用我的后端？
2. 如何验证我的调用，以便它们像我在浏览器中调用 /customers 一样通过？
3. 我想直接从 React 调用 Shopify Api 是一个非常糟糕的主意，因为我会把我的 secret 暴露给全世界，对吧？
4. 我做错了什么？什么是正确的方法？

Answer 1

每当我进行调用时，它们都是与我的应用程序相关的，而不是与某些外部 URL 相关的……所以在您的情况下……https://my-app.com/customers/customers 可能会更好。