AWS Amplify 백엔드가 있는 떨림 어플리케이션: 섹션 1 — 기본 설정

Firebase는 사용하기 쉽기 때문에 떨림 응용 프로그램의 사실상 백엔드 해결 방안이 되었다.그러나 새로운 Amplify Flatter는 AWS 백엔드를 선호하는 개발자에게 대체 방안을 제공합니다.
8월 말 AWS Amplify는 바이브레이션 프레임워크의 개발자 미리보기를 발표했다.제공된 기능은 아직 생산에 들어갈 준비가 되지 않았기 때문에 지금 Firebase를 버리지 마세요.

AWS 확대란 무엇입니까?

Github repo:

AWS Amplify provides a declarative and easy-to-use interface across different categories of cloud operations. Our default implementation works with Amazon Web Services (AWS), but AWS Amplify is designed to be open and pluggable for any custom backend or service.

따라서 기본적으로 AWS Amplify를 Flitter 응용 프로그램의 백엔드로 사용하는 것은 훨씬 쉽다.

지금까지 Amplify로 무엇을 할 수 있습니까?

인증 - 사용Amazon Cognito

사용자 인증 체험 만들기

분석-사용Amazon Pinpoint

분석 데이터 수집

스토리지 - 사용Amazon S3

사용자 컨텐츠 저장

우리는 어떻게 설정합니까?

이 강좌의 선결 조건은 다음과 같다.

Flutter 버전 1.20.0 이상

Node.js v10.0 이상

npm v5.0 이상

git v2.14.1 이상

다음 시리즈 자습서는 IDEAndroid Studio를 사용하는 것으로 가정합니다.
다음 명령을 실행하여 설치Amplify CLI된 Amplify Flatter Developer 버전을 미리 봅니다.

npm install -g @aws-amplify/cli@flutter-preview

다음은 용감하지 않으면 자유층을 선택해야 한다.

AWS 계정 만들기 IAM에 사용자 추가

계속하기 전에 에 새 사용자를 추가해야 합니다. 이 강좌의 나머지 부분에서 이 사용자를 사용할 것입니다.
AWS Identity and Access Management (IAM)로 이동하여 사용자 추가를 선택합니다.올바른 영역(오른쪽 상단)을 선택했는지 확인합니다.
IAM Portal
사용자를 만드는 일련의 단계를 안내합니다.
자신의 프로그래밍 접근 권한을 부여하고 항목을 명명합니다.
새 권한 그룹 만들기
AdministratorAccess를 사용하여 그룹 만들기
설정 보기
사용자 생성 성공
이 열쇠 두 개를 손 옆에 놓아라, 너는 곧 필요할 것이다.

새 떨림 항목 만들기

Android IDE를 열고 새 기본 Flitter 응용 프로그램을 만듭니다.
새로운 떨림 응용 프로그램 만들기

확대 항목 초기화

Android Studio의 통합 터미널에서 확대 항목을 초기화합니다.

amplify init

이 명령은 프로젝트를 초기화하기 위한 일련의 절차를 안내합니다.이 문서는 다음과 같아야 합니다(지역 및 선호하는 텍스트 편집기에 따라 다름).

새 사용자를 설정할 것인지 묻는 질문에 "아니오"를 선택하십시오. 왜냐하면 우리는 이전 단계에서 이미 이렇게 했기 때문입니다.사용자 설정이 끝날 때 획득한 *accessKeyId* 및 *SecretAccessKey*를 사용하여 이 단계를 완료합니다.

설정이 완료되면 * 확대 * 출력해야 합니다.

파일 확대

저희 로컬 응용 프로그램이 클라우드에 연결되었습니다. - 잘했어!프로젝트 디렉터리를 살짝 훑어보면 Amplify가 프로젝트를 관리하는 데 사용할 폴더와 프로필을 만들었음을 알 수 있습니다.
새 파일
네가 알아야 할 첫 번째 일은 너의 것이다.gitignore는 amplify가 만든 일부 파일을 제외하기 위해 수정되었습니다.

#amplify
amplify/\#current-cloud-backend
amplify/.config/local-*
amplify/mock-data
amplify/backend/amplify-meta.json
amplify/backend/awscloudformation
build/
dist/
node_modules/
aws-exports.js
awsconfiguration.json
amplifyconfiguration.json
amplify-build-config.json
amplify-gradle-config.json
amplifytools.xcconfig

lib/Amplificate 구성.dart: 클라우드 프로젝트의 신분과 인증을 관리합니다.민감한 정보를 포함하다.

확대/백엔드: 클라우드 인스턴스와 사용자가 사용할 수 있는 서비스에 대한 대량의 메타데이터가 포함되어 있습니다 (아직 사용하지 않음).

일반적으로 이 파일들 중 하나를 직접 수정할 필요가 없다. 이것이 바로 Amplify의 장점이다. 모든 기본 설정은 Amplify cli를 통해 자동으로 완성된다. 멋지지?

어플리케이션 구성

이제 모든 지루한 일이 해결되었습니다. 우리는 응용 프로그램에서 Amplify를 사용하기 시작할 수 있습니다.간단한 응용 프로그램부터 시작하겠습니다. 어떤 서비스(신분 검증, 분석 등)도 포함하지 않고 우리의 클라우드 실례로 자체 설정만 합니다.
*pubspec에 있습니다.yaml** 추가:

amplify_core: '<1.0.0'

이것은 우리로 하여금 핵심 확대 패키지에 접근할 수 있게 할 것이다.이것은 간단한 주선이다.Amplify cloud 인스턴스에 연결하고 성공을 나타내는 메시지를 출력하는 프로그램을 시작합니다.

import 'package:amplify_core/amplify_core.dart';
import 'package:flutter/material.dart';

import 'amplifyconfiguration.dart';

void main() {
  runApp(MaterialApp(
    home: MyApp(),
    routes: {},
  ));
}

class MyApp extends StatefulWidget {
  @override
  _MyAppState createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  // gives our app awareness about whether we are succesfully connected to the cloud
  bool _amplifyConfigured = false;

  // Instantiate Amplify
  Amplify amplifyInstance = Amplify();

  @override
  void initState() {
    super.initState();

    // amplify is configured on startup
    _configureAmplify();
  }

  void _configureAmplify() async {
    if (!mounted) return;

    await amplifyInstance.configure(amplifyconfig);
    try {
      setState(() {
        _amplifyConfigured = true;
      });
    } catch (e) {
      print(e);
    }
  }

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
        home: Scaffold(
            appBar: AppBar(
              title: const Text('Amplify Core example app'),
            ),
            body: ListView(padding: EdgeInsets.all(10.0), children: <Widget>[
              Center(
                child: Column(children: [
                  const Padding(padding: EdgeInsets.all(5.0)),
                  Text(_amplifyConfigured ? "configured" : "not configured"),
                ]),
              )
            ])));
  }
}

아날로그 장치에서 응용 프로그램을 실행한 후에 모든 것이 정상적이라면 화면에 다음과 같은 렌더링을 볼 수 있습니다.


축하합니다!이제 Amplify를 백엔드의 떨림 응용 프로그램으로 사용할 수 있습니다.
이 강좌의 코드만 원하신다면 제가 설정한 으로 이동하십시오.
계속 전진하다
만약 네가 이미 여기까지 읽었다면, 고마워!진동 확대에 관한 최신 정보를 얻기 위해 반드시 따라가야 한다.본 시리즈의 다음 부분에서 우리는 프로젝트에 gist를 추가하여 양호한 사용자 등록/로그인 체험을 실현할 것이다.

AWS Cognito 이 시리즈

섹션 1:
섹션 2: Basic Setup
섹션 3: Authentication
섹션 4: Analytics