Seleccione sus preferencias de cookies

Usamos cookies esenciales y herramientas similares que son necesarias para proporcionar nuestro sitio y nuestros servicios. Usamos cookies de rendimiento para recopilar estadísticas anónimas para que podamos entender cómo los clientes usan nuestro sitio y hacer mejoras. Las cookies esenciales no se pueden desactivar, pero puede hacer clic en “Personalizar” o “Rechazar” para rechazar las cookies de rendimiento.

Si está de acuerdo, AWS y los terceros aprobados también utilizarán cookies para proporcionar características útiles del sitio, recordar sus preferencias y mostrar contenido relevante, incluida publicidad relevante. Para aceptar o rechazar todas las cookies no esenciales, haga clic en “Aceptar” o “Rechazar”. Para elegir opciones más detalladas, haga clic en “Personalizar”.

Creación de una aplicación cliente mediante el cliente de Amplify

Modo de enfoque
Creación de una aplicación cliente mediante el cliente de Amplify - AWS AppSync GraphQL

Las traducciones son generadas a través de traducción automática. En caso de conflicto entre la traducción y la version original de inglés, prevalecerá la version en inglés.

Las traducciones son generadas a través de traducción automática. En caso de conflicto entre la traducción y la version original de inglés, prevalecerá la version en inglés.

Puedes conectarte a tu API de AWS AppSync GraphQL mediante cualquier cliente de GraphQL, pero te recomendamos encarecidamente el cliente Amplify v6. Amplify no solo genera automáticamente un cliente fuertemente tipado para SDKs su API GraphQL, sino que también ofrece soporte para datos en tiempo real y capacidades de consulta de GraphQL mejoradas en aplicaciones cliente. Para aplicaciones web, Amplify puede crear un JavaScript cliente. Para aquellos que buscan entornos multiplataforma o móviles, Amplify es compatible con Android, iOS y React Native. Para profundizar en la generación de código de cliente para estas plataformas, consulte la documentación de Amplify. Aquí tienes una guía para empezar tu viaje con una aplicación de JavaScript React:

nota

Debe instalar y configurar npm y la CLI de Amazon antes de empezar. Si utiliza el cliente de Amplify (v6), siga esta guía.

Primeros pasos:

  1. En su máquina local, navegue hasta el directorio del proyecto. Instale la biblioteca Amplify mediante el comando siguiente:

    npm install aws-amplify
  2. Descargue el archivo de configuración y colóquelo en la carpeta del proyecto. El archivo de configuración suele contener una variable config con algunos ajustes definidos (punto de conexión, región, modo de autorización, etc.). Por ejemplo, podría tener este aspecto:

    const config = { API: { GraphQL: { endpoint: 'https://abcdefghijklmnopqrstuvwxyz.appsync-api.us-west-2.amazonaws.com/graphql', region: 'us-west-2', defaultAuthMode: 'apiKey', apiKey: '' } } }; export default config;
  3. Para configurar Amplify, importe en el código la biblioteca de Amplify y su configuración:

    import { Amplify } from 'aws-amplify'; import config from './aws-exports.js'; Amplify.configure(config);

    Como alternativa, utilice el fragmento en la configuración de la API para configurar Amplify directamente:

    import { Amplify } from 'aws-amplify'; Amplify.configure({ API: { GraphQL: { endpoint: 'https://abcdefghijklmnopqrstuvwxyz.appsync-api.us-west-2.amazonaws.com/graphql', region: 'us-west-2', defaultAuthMode: 'apiKey', apiKey: '' } } });
  4. Con la cadena de herramientas de Amplify, tiene la opción de generar automáticamente las operaciones en función de su esquema, lo que le ahorra el esfuerzo de crear secuencias de comandos manuales. En el directorio raíz de la aplicación, utilice el siguiente comando de la CLI:

    npx @aws-amplify/cli codegen add --apiId <id goes here> --region <region goes here>

    Esto descargará el esquema de la API y, de forma predeterminada, generará el código auxiliar de cliente en la carpeta src/graphql. Después de cada implementación de API, puede volver a ejecutar el siguiente comando para generar instrucciones y tipos de GraphQL actualizados:

    npx @aws-amplify/cli codegen
  5. Ahora puedes generar modelos para Android, Swift, Flutter y. JavaScript DataStore Use el siguiente comando para descargar el esquema:

    aws appsync get-introspection-schema --api-id <id goes here> --region <region goes here> --format SDL schema.graphql

    A continuación, ejecute el siguiente comando desde el directorio raíz de su aplicación:

    npx @aws-amplify/cli codegen models \ --model-schema schema.graphql \ --target [android|ios|flutter|javascript|typescript] \ --output-dir ./
PrivacidadTérminos del sitioPreferencias de cookies
© 2025, Amazon Web Services, Inc o sus afiliados. Todos los derechos reservados.