Authenticate without domain set up

The exact use of the WidgetsProvider component depends on whether your domain is set up with Sitecore Search. The values for credentials can be found on the Developer resources API Access tab of the Sitecore Search interface.

Note

Credentials depend on how your domain is set up with Sitecore. Authentication fails when there are incorrect credentials.

Important

The JS SDK sets a cookie and includes the UUID when tracking events. Visitor information, UUID, is required to personalize search results.

To authenticate when your subdomain is not set up:

In the Root component of your React project, add the WidgetsProvider component with correct credentials for authentication, as shown in the following code block.

RequestResponse

import { WidgetsProvider } from "@sitecore-search/react";

const Root = () => {
    return (
        <WidgetsProvider
                env='<environment>'
                customerKey='<customer key>'
                apiKey='<Either the API key provided in Search, or a Bearer token obtained using the API key >'
            >
            <MyApp />
        </WidgetsProvider>
)};

Note

For the env attribute, the value must be one of apse2 (for Asia/Oceania domains), prodEu (for European domains), or prod (for US domains).

Important

Authenticating using this method exposes the access token on your page. This is a security risk to your page and domain. We strongly recommend that you authenticate with subdomain setup.

Do you have some feedback for us?

If you have suggestions for improving this article,