Hostingをする。S3にDeployしましょう。Fileを一つ一つUploadするのは現実的ではありません。LineからCommand一発で、直接Uploadしたいですよね。Interface)を使ってUploadすることにします。Userを作成します。AWSでは、このような権限管理が徹底していて、強靭なSystemを構成することができます。その反面、設定が煩雑になり、難解で取っつきにくい印象を持たれているように感じます。Serviceを呼び出します。IAMの「ダッシュボード」から、「ユーザ」をクリック、「ユーザを追加」をクリックしてユーザの追加を行います。ConsoleにLoginすることは無いので、チェックしません。「アクセス許可の設定」では、「既存のポリシーを直接アタッチ」をクリックし、「ポリシーのフィルタ」に「S3」を入力し、S3関連のPolicyを表示させます。後々、管理しやすいようにタグを付けておきましょう。内容を確認して、「ユーザの作成」をクリックしてユーザを作成します。ユーザが作成されたら、必ず「.csvのダウンロード」をクリックして、.csvをダウンロードして保存してください。CLIからAWSへのアクセスする際に、.csvに保存されているアクセスキーIDとシークレットアクセスキーを使って認証を行います。このキーペアーが外部に漏れると、外部からAWSへアクセスし悪用される可能性があるため、外部に漏れないように管理してください。作成したユーザを確認しましょう。作成したユーザ名をクリックすると、「概要」の「アクセス権限」タブに許可されている権限が表示されます。「認証情報」タブをクリックして、「サインイン認証情報」の「コンソールパスワード」が無効になっていることを確認します。「アクセスキー」に「アクセスキーID」があることを確認します。このアクセスキーIDに対応するシークレットアクセスキーは、先ほど保存した.csvにあります。紛失した場合は、紛失したアクセスキーIDを無効化し、再度この画面から「アクセスキーの作成」を行うことで再作成することができます。CLIのInstallです。https://docs.aws.amazon.com/ja_jp/cli/latest/userguide/install-windows.htmlを参考にInstallします。Downloadが完了したら、AWSCLI64PY3.msiをダブルクリックしてInstallしていきます。CLIの設定を行います。configureここで、先ほど保存したアクセスキーIDとシークレットアクセスキーを入力します。formatはjsonを指定します。これで環境設定は完了です。次にReactの設定を変更します。前回exportというディレクトリにReactのApplicationを作成しました。exportの直下にpackage.jsonファイルがあります。S3のURLを指定してBuildする必要があるため、”homepage”というエントリを追加します。ApplicationをBuildします。結果は、buildディレクトリに作成されます。S3にDeployします。Syncを使って、S3にCodeをUploadします。BrowserからAccessしてみましょう。ReactをLocalで実行した時と同じ画面になります。S3を使って公開することができることになります。Hostingをする。Hostingをする。Hostingでしたが、今回はReactを使ってみましょう。Pageの更新管理が簡単になります。Node.jsのInstallです。FeaturesをDownloadしてInstallします。(.msi)の64-bitを選びました。現在(2019年6月)のVersionは、V12.5.0で、node-v12.5.0-x64.msiをdownloadして、downloadしたfileをDouble-clickしてInstallします。Modulesでは、Optionを選択せずに進みます。2がInstallされ、あとあと面倒なことになります。このToolが必要なModulesに出くわしたら、その時Installするか考えましょう。Node.jsのInstallが完了しました。Node.jsがInstallされているか確認してみます。同時にnpmがInstallされているか確認してみます。-vnpmは、Node.jsのPackageを管理するApplicationです。npmをFirewallの内側から使用する場合は、proxyの設定が必要になる場合が多いです。Numberは、Windowsの設定を参照します。Editorで設定内容を確認します。Browserにproxy.pacのURLを入力すればTextとしてDownloadすることができます。Applicationを作ります。create-react-appをnpmを使ってInstallします。続けて、create-react-appで、exportというApplicationを作成します。Applicationを立ち上げましょう。startすると、DefaultのBrowserが立ち上がり、http://localhost:3000/を表示します。