私の React アプリは、GraphQL API、Storage、Auth、Functions、Hosting - すべての楽しいもの - を使用しているため、aws-exports.jsファイルを利用できる必要があります。Amplify Backend リソースを使用して React フロント エンドを増幅します。

レポは基本的に次のように設定されます。

各ディレクトリで実行するとls、ビルド時にaws-exports.jsファイルが生成されていないことが示されました。

多くの異なる構成で、私は次のように遭遇しました：

これは、チェックインしており、Web コンソールでamplify.yml構成している場合も同様です。.yml

私は試してみましamplify push;たが、期待どおりに会いました

またしようとしている：amplify pull;またはExecuting command: amplify pull --appId abc123abc123 --envName dev

ハングして入力を期待するだけです。このように手動でクレジットを入力することは、これを行うためのすべての方法だとは思いません。

aws-exports.jsすべてのバックエンド統合を考慮すると、増幅はこの世代自体を処理する必要があるようです。ls違う時。これに関しては、非常に最新の質問がたくさんありますが、本当の答えはありません. 御時間ありがとうございます

AWS Amplify を使って、GraphQL API とバックエンドを生成する実験を行っています。ガイド付きスキーマ作成を使用して、機能するバックエンドを作成できます。私は Todo の例を選びました。Android Studio でビルドされたアプリから呼び出すことができます。クエリとミューテーションは正常に機能します。Android Studio を使用して、amplify/backend/api/project/ (project はプロジェクトの名前) の schema.graphql を確認するたびに、Todo を再定義しようとして、宣言されていないディレクティブ @model を使用しようとすると、エラーが発生します。明らかな何かが欠けていると確信しています。そのため、どんな助けもいただければ幸いです。

Android Studio 3.6.3 / Gradle 5.6.4 / Gradle Plugin 3.6.3 / JS Graph QL 2.4.0 / Java 言語 / Amplify CLI 4.18.1 / npm 6.14.4 / ノード 12.16.2

このgraphqlプラグインをこのように使用しようとしているのは間違っていますか?

再現するには：

空のアクティビティを使用して、Android Studio でプロジェクトを作成します。プロジェクトのルートから実行:

デフォルトを受け入れます。走る：

GraphQL、ガイド付きスキーマを選択し、Todo の例を選択します。それ以外の場合は、デフォルトを使用します。走る：

mplify/backend/api/project の graphql.schema には todo スキーマが含まれます

... はデフォルトのフィールドです。

これによりエラーが発生します

宣言されていないディレクティブ「モデル」を使用しようとしました

また、エラーの 3 つのインスタンスが生成されます

既存の 'Todo' 型を再定義しようとしました

増幅によって同じ json スキーマが #current-cloud-backend とプロジェクトのビルド ディレクトリにドロップされていることがわかります。

デフォルトの .graphqlconfig.yml ファイルを受け入れました。

クイックアップデート:

以下を実行することでエラーを解消できることがわかりましたが、不必要なハックのようです。それが正しいフェアなら十分ですが。

1. .yml を編集して、スキーマの #current-cloud-backend コピーを除外し、スキーマのビルド バージョンを除外しました。

2. ディレクティブに関する Amplify Web ページからディレクティブ SDL を手動でグラフql ファイルに貼り付け、ymlに含めました。

これにより、@model に関するエラーが削除されました。

また、@aws_subscribe が未定義であるというエラーを扱ったこの記事のアドバイスに従いました。

しかし、生成された schema.graphql で、amplify/backend/api/project に複数の再宣言エラーが発生します。

私の使用例はかなり単純です。API キーのような機密設定を公開せずに、Amplify バックエンドを使用するフロントエンドを本番環境にデプロイしたいと考えています。

CI と CD に Github Actions を使用し、Zeit Now にデプロイするフロントエンドがあります (これは Next.js プロジェクトであり、Amplify が現在提供していない SSR サポートが必要であるため)。現時点ではバックエンドが接続されていないため、問題なく本番環境にデプロイされます。

同じプロジェクトで、バックエンド用に AWS Amplify をセットアップし、それをフロントエンドに接続しました。ローカル環境から期待されるように、すべて正常に動作します。

ここで、フロントエンドを本番環境にデプロイしたいと考えていますが、それをバックエンドに接続するための AWSaws-exports.js構成は、GraphQL エンドポイントとその API キーを含む名前の自動生成ファイルに保存されます。このファイルは によって に追加されまし.gitignoreたAmplify CLI。

aws-exports.jsからファイルを削除.gitignoreしてリポジトリにコミットすると、本番環境にデプロイされるとおそらく機能すると思いますが、機密の構成データを公開することになるため、これは良い考えではないと思います。

AWS を使用してフロントエンドをデプロイしたくありません。これは、これについて読んだドキュメントで解決策として提案されているものです。フロントエンド環境とバックエンド環境を分離したままこ​​れを行うための推奨される方法はありますか? (AWS にデプロイされたバックエンドを使用する Zeit Now にまだデプロイされているフロントエンドを意味します)。