AWSはリリース、GraphSQL、および最近のキュレーションリンクを増幅

このリリースでは、2008年の時間で今週オフにキックオフre:Invent そして、私は速い書き込みをまとめました.何か質問は、私の連絡先フォームまたはより良いまだ経由で私をpingするには、ちょうどツイーターを介して私に質問を開く感じ.

認証者

Docs here
新しいAuthenticatorは、調整されたBoilerplateであなたのアプリケーションのために完全な認証フローを加える構成要素です.これはVueをカバーしています.JS,角度,および反応枠組みコンポーネントは、カスタマイズ可能なUIを(あなたが期待する)、Google、Facebook、Apple、およびAmazonのための社会的なログインが含まれています.初期設定はゼロ構成であり、パスワードマネージャをサポートしています.
ゼロ構成は、あなたのamplify CLIセットアップに基づきます.このコンポーネントを使用するには、Amplify 6.4.0の最新バージョンを取得します.
国立天文台

npm install -g @aws-amplify/cli@latest

糸

yarn global add @aws-amplify/cli@latest

一旦それが動くならば、それはあなたのAWS輸出を更新します.認証用の最新のバックエンド設定を持つjs.だから、ゼロの設定を追加する必要がありますが、そこに設定をする必要がある場合や掘るしたいです.
次に、ユーザーがサインイン、サインアップ、またはパスワードのリセットを設定するコンポーネントの初期状態があります.このようなページでコンポーネントを取得するコードを開始することもあります.

export default function App() {
  return (
    <Authenticator>
      {({ signOut, user }) => (
        <main>
          <h1>Hello {user.username}</h1>
          <button onClick={signOut}>Sign out</button>
        </main>
      )}
    </Authenticator>
  );
}

初期状態を設定するには、次のパラメータを追加します.

export default function App() {
  return (
    <Authenticator initialState="signUp">
      {({ signOut, user }) => (
        <main>
          <h1>Hello {user.username}</h1>
          <button onClick={signOut}>Sign out</button>
        </main>
      )}
    </Authenticator>
  );
}

あなたのニーズに他のオプションの多くを設定すると、同様の認証コンポーネントに追加のパラメータを追加することができます
社会的プロバイダ

export default function App() {
  return (
    <Authenticator socialProviders={['amazon', 'apple', 'facebook', 'google']}>
      {({ signOut, user }) => (
        <main>
          <h1>Hello {user.username}</h1>
          <button onClick={signOut}>Sign out</button>
        </main>
      )}
    </Authenticator>
  );
}

属性を登録する

export default function App() {
  return (
    <Authenticator signUpAttributes={[]}>
      {({ signOut, user }) => (
        <main>
          <h1>Hello {user.username}</h1>
          <button onClick={signOut}>Sign out</button>
        </main>
      )}
    </Authenticator>
  );
}

ログインメカニズム

export default function App() {
  return (
    <Authenticator loginMechanisms={['username']}>
      {({ signOut, user }) => (
        <main>
          <h1>Hello {user.username}</h1>
          <button onClick={signOut}>Sign out</button>
        </main>
      )}
    </Authenticator>
  );
}

他にもたくさんの機能がありますdocs クイック詳細を読む.全体認証認証フローの詳細についてはdocs .

アプリメッセージング

このライブラリは、私のVueのために悲しいです.JSアプリは、ネイティブの反応のみ利用可能です.クイックインストールを開始します.

npm install -E aws-amplify@in-app-messaging aws-amplify-react-native@in-app-messaging amazon-cognito-identity-js @react-native-community/netinfo @react-native-async-storage/async-storage @react-native-picker/picker react-native-get-random-values react-native-url-polyfill

次に、IOSのpod依存関係をインストールします.

pod install

例はこれです.

import 'react-native-get-random-values';
import 'react-native-url-polyfill/auto';

import { AppRegistry } from 'react-native';
import App from './App';
import { name as appName } from './app.json';

AppRegistry.registerComponent(appName, () => App);

次にawsconfig vis - wsをインポートします.輸出.js

import Amplify from 'aws-amplify';
import awsconfig from './src/aws-exports';

Amplify.configure(awsconfig);

それから、あなたのアプリのルート構成要素であるならば、拡大反応するネイティブUIコンポーネントを統合してください.

import {
  InAppMessagingProvider,
  InAppMessageDisplay
} from 'aws-amplify-react-native';

const App = () => (
  <InAppMessagingProvider>
    {/* Your application */}
    <InAppMessageDisplay />
  </InAppMessagingProvider>
);

RE:ドキュメントから、ここにアプリです.JSXの例.

import React, { useEffect } from 'react';
import { SafeAreaView, Button } from 'react-native';
import { Analytics, Notifications } from 'aws-amplify';
import {
  InAppMessagingProvider,
  InAppMessageDisplay
} from 'aws-amplify-react-native';

const { InAppMessaging } = Notifications;

// To display your in-app message, make sure this event name matches one you created
// in an In-App Messaging campaign!
const myFirstEvent = { name: 'my_first_event' };

const App = () => {
  useEffect(() => {
    // Messages from your campaigns need to be synced from the backend before they
    // can be displayed. You can trigger this anywhere in your app. Here we are
    // syncing just once when this component (your app) renders for the first time.
    InAppMessaging.syncMessages();
  }, []);

  return (
    <SafeAreaView>
      <InAppMessagingProvider>
        {/* This button has an example of an analytics event triggering the in-app message. */}
        <Button
          onPress={() => {
            Analytics.record(myFirstEvent);
          }}
          title="Record Analytics Event"
        />

        {/* This button has an example of an In-app Messaging event triggering the in-app message.*/}
        <Button
          onPress={() => {
            InAppMessaging.dispatchEvent(myFirstEvent);
          }}
          title="Send In-App Messaging Event"
        />

        <InAppMessageDisplay />
      </InAppMessagingProvider>
    </SafeAreaView>
  );
};

export default App;

カスタムリソースw/AWS
RENは、AWS CDKまたはCloudFormationを使用してAWSリソースをAWSリソースに拡張したブログ記事を書いた.その地位は控え目だhere しかし、あなたに簡単な概要を与えます.
新CLIコマンamplify add custom AWSサービスのほとんどすべてを取得します.ここのコア技術はAWS Cloud Development Kit ( CDK ) or CloudFormation . 例えば、あなたがAWS SNS カスタムリソースとして、これはそれを行うには非常に迅速かつ簡潔な方法です.
チェックアウトRené's post 本当にそれに入るといくつかの可能性をチェックアウトします.

CDKによるバックエンドリソースの増幅
Amplifyは、プロジェクトレベルのIAMロール、Cognito Auth、またはS 3リソースなどの多くの状況で、ボックスのさまざまな機能を設定します.前のセクションと同様に、この1つは私は短いとして短くなりますとして、この機能についての偉大なブログ記事を書いているOverride Amplify-generated backend resources using CDK これらの機能のいずれかをニシン(オーバーライド)で興味深いし、別の選択肢を使用している場合は、これはあなたの移動です.

AWSアカウントなしのFullstackアプリケーションのプロトタイプ
特にリリースに関連していませんが、この機能を使用すると、その方法を示します.ポストの彼の詳細がavilableであることに集中したドキュメントhere .

グラフィックQ 2 V
これは私が最後に保存した、それは結局私のホイールハウスにあります.新しいV 2ドロップの機能のいくつかはデフォルトのAuth、ラムダAuthorizor、カスタマイズ可能なパイプラインリゾルバ、およびOpenSearch集約を拒否し、スコープの問い合わせを使用します.完成したブロガーは、この非常にブログの記事で述べたように、ブログの伝説は続けてAWS Amplify announces the new GraphQL Transformer v2. More feature-rich, flexible, and extensible. "
投稿において最初に挙げられるのは、より明示的なデータモデリングです.私は例をクリックして、ポストをチェックアウトする動機としてそのポストからスクリーンショットの2つを盗んだ.しかし、私も詳しく説明します.

新しい明示的なデータモデリングオプションを使用すると、@
あなたのダイナモデータベースのためのスキーマからプライマリおよびセカンダリインデックスを構成するためにdirectovesとして加えられます.AppSync Graphqlのディレクティブは、コードを最初にプッシュする強力なスキーマ定義機能を作成します.

重要であるもう一つの部分は、スキーマのスキーマと固有のデータに対する参照の整合性を追加する関係を描画する機能です.現在ある@hasOne , @hasMany , @belongsTo , and @manyToMany ディレクティブ.私は、近い将来、いくつかのデータスキーマとモデル構築を楽しみにしています.私はいくつかのチュートリアルとコンテンツをいくつかのデザインの考慮事項を詳述し、どこにどのようにあなたの特定のアプリケーションのデータを構築するための最善の作業をすべてのスキーマハックを取得することを確認します.

感謝＆
これがこのポストです.私は常にそれについての興味深い技術とブログをもたらすことを努力していますが、迅速な更新、リンク、詳細、およびこれらのリリースに関する情報を取得する別の方法は、次の人々に従うことです.AmplifyチームでAWSで走っているコホートにいます.私は、私がこのブログエントリに含まれる以下の情報と詳細を見つけるのを援助するために、各々に感謝します.