Membuat sebuah REST API Membuat GraphQL Anda API Membuat skema GraphQL Konfigurasikan sumber HTTP data Anda Mengkonfigurasi resolver Layanan Pemanggilan AWS

Menggunakan HTTP resolver di AWS AppSync

AWS AppSync memungkinkan Anda menggunakan sumber data yang didukung (yaitu, Amazon DynamoDB AWS Lambda, Amazon Service, atau OpenSearch Amazon Aurora) untuk melakukan berbagai operasi, selain titik akhir HTTP arbitrer untuk menyelesaikan bidang GraphQL. Setelah HTTP titik akhir Anda tersedia, Anda dapat menghubungkannya menggunakan sumber data. Kemudian, Anda dapat mengonfigurasi resolver dalam skema untuk melakukan operasi GraphQL seperti kueri, mutasi, dan langganan. Tutorial ini memandu Anda melalui beberapa contoh umum.

Dalam tutorial ini Anda menggunakan REST API (dibuat menggunakan Amazon API Gateway dan Lambda) dengan titik akhir AWS AppSync GraphQL.

Membuat sebuah REST API

Anda dapat menggunakan AWS CloudFormation template berikut untuk menyiapkan REST titik akhir yang berfungsi untuk tutorial ini:

AWS CloudFormation Tumpukan melakukan langkah-langkah berikut:

Menyiapkan fungsi Lambda yang berisi logika bisnis Anda untuk layanan mikro Anda.
Menyiapkan API Gateway REST API dengan kombinasi endpoint/method/content tipe berikut:

APIJalur Sumber Daya	HTTPMetode	Jenis Konten yang Didukung
/v1/pengguna	POST	aplikasi/json
/v1/pengguna	GET	aplikasi/json
/v1/pengguna/1	GET	aplikasi/json
/v1/pengguna/1	PUT	aplikasi/json
/v1/pengguna/1	DELETE	aplikasi/json

Membuat GraphQL Anda API

Untuk membuat GraphQL API di: AWS AppSync

Buka AWS AppSync konsol dan pilih Buat API.
Pilih APIsGraphQL dan kemudian pilih Desain dari awal. Pilih Berikutnya.
Untuk API nama, ketikUserData. Pilih Berikutnya.
Pilih Create GraphQL resources later. Pilih Berikutnya.
Tinjau input Anda dan pilih Buat API.

AWS AppSync Konsol membuat API GraphQL baru untuk Anda menggunakan mode otentikasi kunciAPI. Anda dapat menggunakan konsol untuk mengkonfigurasi API GraphQL Anda lebih lanjut dan menjalankan permintaan.

Membuat skema GraphQL

Sekarang Anda memiliki GraphQL, mari kita buat skema API GraphQL. Di editor Skema di AWS AppSync konsol, gunakan cuplikan di bawah ini:


type Mutation {
    addUser(userInput: UserInput!): User
    deleteUser(id: ID!): User
}

type Query {
    getUser(id: ID): User
    listUser: [User!]!
}

type User {
    id: ID!
    username: String!
    firstname: String
    lastname: String
    phone: String
    email: String
}

input UserInput {
    id: ID!
    username: String!
    firstname: String
    lastname: String
    phone: String
    email: String
}

Konfigurasikan sumber HTTP data Anda

Untuk mengonfigurasi sumber HTTP data Anda, lakukan hal berikut:

Di halaman Sumber data di AWS AppSync API GraphQL Anda, pilih Buat sumber data.
Masukkan nama untuk sumber data sepertiHTTP_Example.
Di tipe sumber data, pilih HTTPendpoint.
Atur titik akhir ke titik akhir API Gateway yang dibuat di awal tutorial. Anda dapat menemukan titik akhir yang dihasilkan tumpukan jika Anda menavigasi ke konsol Lambda dan menemukan aplikasi Anda di bawah Aplikasi. Di dalam pengaturan aplikasi Anda, Anda akan melihat APItitik akhir yang akan menjadi titik akhir Anda. AWS AppSync Pastikan Anda tidak menyertakan nama panggung sebagai bagian dari titik akhir. Misalnya, jika titik akhir Andahttps://aaabbbcccd.execute-api.us-east-1.amazonaws.com/v1, Anda akan mengetik. https://aaabbbcccd.execute-api.us-east-1.amazonaws.com

catatan

Saat ini, hanya titik akhir publik yang didukung oleh AWS AppSync.

Untuk informasi selengkapnya tentang otoritas sertifikasi yang diakui oleh AWS AppSync layanan, lihat Otoritas Sertifikat (CA) yang Diakui oleh AWS AppSync untuk Titik HTTPS Akhir.

Mengkonfigurasi resolver

Pada langkah ini, Anda akan menghubungkan sumber HTTP data ke getUser dan addUser kueri.

Untuk mengatur getUser resolver:

Di AWS AppSync API GraphQL Anda, pilih tab Schema.
Di sebelah kanan editor Skema, di panel Resolvers dan di bawah jenis Kueri, temukan getUser bidang dan pilih Lampirkan.
Pertahankan jenis resolver ke Unit dan runtime ke. APPSYNC_JS
Di Nama sumber data, pilih HTTP titik akhir yang Anda buat sebelumnya.
Pilih Buat.

Di editor kode Resolver, tambahkan cuplikan berikut sebagai penangan permintaan Anda:


import { util } from '@aws-appsync/utils'

export function request(ctx) {
	return {
		version: '2018-05-29',
		method: 'GET',
		params: {
			headers: {
				'Content-Type': 'application/json',
			},
		},
		resourcePath: `/v1/users/${ctx.args.id}`,
	}
}

Tambahkan cuplikan berikut sebagai handler respons Anda:


export function response(ctx) {
	const { statusCode, body } = ctx.result
	// if response is 200, return the response
	if (statusCode === 200) {
		return JSON.parse(body)
	}
	// if response is not 200, append the response to error block.
	util.appendError(body, statusCode)
}

Pilih tab Query, dan kemudian jalankan query berikut:


query GetUser{
    getUser(id:1){
        id
        username
    }
}

Ini akan mengembalikan respons berikut:


{
    "data": {
        "getUser": {
            "id": "1",
            "username": "nadia"
        }
    }
}

Untuk mengatur addUser resolver:

Pilih tab Skema.
Di sebelah kanan editor Skema, di panel Resolvers dan di bawah jenis Kueri, temukan addUser bidang dan pilih Lampirkan.
Pertahankan jenis resolver ke Unit dan runtime ke. APPSYNC_JS
Di Nama sumber data, pilih HTTP titik akhir yang Anda buat sebelumnya.
Pilih Buat.

Di editor kode Resolver, tambahkan cuplikan berikut sebagai penangan permintaan Anda:


export function request(ctx) {
    return {
        "version": "2018-05-29",
        "method": "POST",
        "resourcePath": "/v1/users",
        "params":{
            "headers":{
                "Content-Type": "application/json"
            },
        "body": ctx.args.userInput
        }
    }
}

Tambahkan cuplikan berikut sebagai handler respons Anda:


export function response(ctx) {
    if(ctx.error) {
        return util.error(ctx.error.message, ctx.error.type)
    }
    if (ctx.result.statusCode == 200) {
        return ctx.result.body
    } else {
        return util.appendError(ctx.result.body, "ctx.result.statusCode")
    }
}

Pilih tab Query, dan kemudian jalankan query berikut:


mutation addUser{
    addUser(userInput:{
        id:"2",
        username:"shaggy"
    }){
        id
        username
    }
}

Jika Anda menjalankan getUser kueri lagi, itu akan mengembalikan respons berikut:


{
    "data": {
        "getUser": {
        "id": "2",
        "username": "shaggy"
        }
    }
}

Layanan Pemanggilan AWS

Anda dapat menggunakan HTTP resolver untuk mengatur antarmuka GraphQL untuk layanan. API AWS HTTPpermintaan AWS harus ditandatangani dengan proses Signature Version 4 sehingga AWS dapat mengidentifikasi siapa yang mengirimnya. AWS AppSync menghitung tanda tangan atas nama Anda saat Anda mengaitkan IAM peran dengan sumber HTTP data.

Anda menyediakan dua komponen tambahan untuk memanggil AWS layanan dengan HTTP resolver:

IAMPeran dengan izin untuk memanggil layanan AWS APIs
Menandatangani konfigurasi di sumber data

Misalnya, jika Anda ingin memanggil ListGraphqlApis operasi dengan HTTP resolver, Anda terlebih dahulu membuat IAM peran yang AWS AppSync diasumsikan dengan kebijakan berikut terlampir:


{
    "Version": "2012-10-17",
    "Statement": [
        {
            "Action": [
                "appsync:ListGraphqlApis"
            ],
            "Effect": "Allow",
            "Resource": "*"
        }
    ]
}

Selanjutnya, buat sumber HTTP data untuk AWS AppSync. Dalam contoh ini, Anda menelepon AWS AppSync di Wilayah Barat AS (Oregon). Siapkan HTTP konfigurasi berikut dalam file bernamahttp.json, yang mencakup wilayah penandatanganan dan nama layanan:


{
    "endpoint": "https://appsync.us-west-2.amazonaws.com/",
    "authorizationConfig": {
        "authorizationType": "AWS_IAM",
        "awsIamConfig": {
            "signingRegion": "us-west-2",
            "signingServiceName": "appsync"
        }
    }
}

Kemudian, gunakan AWS CLI untuk membuat sumber data dengan peran terkait sebagai berikut:


aws appsync create-data-source --api-id <API-ID> \
                               --name AWSAppSync \
                               --type HTTP \
                               --http-config file:///http.json \
                               --service-role-arn <ROLE-ARN>

Saat Anda melampirkan resolver ke bidang dalam skema, gunakan templat pemetaan permintaan berikut untuk memanggil: AWS AppSync


{
    "version": "2018-05-29",
    "method": "GET",
    "resourcePath": "/v1/apis"
}

Saat Anda menjalankan kueri GraphQL untuk sumber data ini AWS AppSync , tandatangani permintaan menggunakan peran yang Anda berikan dan menyertakan tanda tangan dalam permintaan. Kueri mengembalikan daftar AWS AppSync APIs GraphQL di akun Anda di Wilayah tersebut. AWS

Awas Javascript dinonaktifkan atau tidak tersedia di browser Anda.

Untuk menggunakan Dokumentasi AWS, Javascript harus diaktifkan. Lihat halaman Bantuan browser Anda untuk petunjuk.

Konvensi Dokumen

Menggunakan operasi batch DynamoDB

Menggunakan Aurora SQL Postgre dengan Data API