reactjs - 如何将Auth0与react-admin一起使用？

Question

我正在尝试在react-admin v3应用程序中使用Auth0实现身份验证。我需要实现一个与 Auth0 对话的 authProvider。这听起来像是应该在某个地方可用的东西，但我能找到的最接近的是 https://github.com/alexicum/merge-admin/blob/master/src/Auth/index.js ，大约有 2 年历史(SDK 从那时起已经发生了变化)。

是否有一个 Auth0 authProvider 可以重用，还是我必须自己实现？

谢谢!

Answer 1

为了引用，这里有一个将react admin与auth0-react包集成的示例

index.js

import { Auth0Provider } from "@auth0/auth0-react";

ReactDOM.render(
  <Auth0Provider
    domain="XXXXX.auth0.com"
    clientId="XXXXX"
    audience="https://XXXXX"
    redirectUri={window.location.origin}
  >
    <React.StrictMode>
      <App />
    </React.StrictMode>
  </Auth0Provider>,
  document.getElementById("root")
);

App.js

import { withAuth0, withAuthenticationRequired } from "@auth0/auth0-react";
import ApolloClient from "apollo-boost";

// I'm using Hasura w/ JWT Auth, so here's an example of how to set Authorization Header
async componentDidMount() {
    const token = await this.props.auth0.getAccessTokenSilently();

    const client = new ApolloClient({
      uri: "https://HASURA_URL/v1/graphql",
      headers: {
        Authorization: `Bearer ${token}`
      },
    });

    buildHasuraProvider({ client }).then((dataProvider) =>
      this.setState({ dataProvider })
    );
  }

export default withAuthenticationRequired(withAuth0(App));