reactjs 配置AWS-AppSync以使用Apollo客户端进行生产

bksxznpy  于 2022-11-22  发布在  React
关注(0)|答案(1)|浏览(117)

bounty已结束。回答此问题可获得+50的声望奖励。奖励宽限期将在16小时后结束。Dreamer正在寻找标准答案

我无法让我的应用程序在生产模式下工作。它在开发中工作正常。我正在测试启动屏幕后调用的API。应用程序在生产中停留在启动屏幕上。
至于配置部分,这些都是我用过的:
在客户端.ts文件中:

const link = ApolloLink.from([
  createAuthLink({
    url:'https://myapi.appsync-api.ap-northeast-1.amazonaws.com/graphql',
  region:'ap-northeast-1',
  auth:{
    type:'API_KEY',
    apiKey:'keyyyyy'
  }
  }),
  createHttpLink({ uri: `https://myapi.appsync-api.ap-northeast-1.amazonaws.com/graphql` }),
]);

export const client = new ApolloClient({
  link,
  cache,
});

在app.tsx文件中:

import React from 'react';
import { Platform } from 'react-native';
import { SafeAreaProvider } from 'react-native-safe-area-context';
import { ApolloProvider } from '@apollo/client';
import { client } from './graphql/client';
import { StorageProvider } from './helpers';
import AppNavigator from './navigation/AppNavigator';
import { AppearanceProvider, ThemeProvider } from './theme';
import { ModalProvider, PostProvider, UserEventProvider } from './utils';

if (Platform.OS === 'android') {
  require('intl');
  require('intl/locale-data/jsonp/en-US');
}

export default function App() {
  return (
    <ApolloProvider client={client}>
      <StorageProvider>
        <SafeAreaProvider>
          <AppearanceProvider>
            <ThemeProvider>
              <PostProvider>
                <ModalProvider>
                  <UserEventProvider>
                    <AppNavigator />
                  </UserEventProvider>
                </ModalProvider>
              </PostProvider>
            </ThemeProvider>
          </AppearanceProvider>
        </SafeAreaProvider>
      </StorageProvider>
    </ApolloProvider>
  );
}

我做错了什么?是否遗漏了其他配置步骤?

pbpqsu0x

pbpqsu0x1#

有几个因素可能会导致此问题。首先,请确保已正确设置生产环境。这包括设置生产URL并确保正确配置生产API密钥。其次,请确保未将自签名SSL证书用于生产环境。最后,请确保已正确配置生产版本设置。

相关问题