# AWS Sample: Bedrock Claude Chat GitHub 連結:https://github.com/aws-samples/bedrock-claude-chat ## 安裝步驟 ### 步驟一:開啟 Bedrock Model Access - 點擊進入 AWS Bedrock Console (選擇 AWS Region: us-east-1):https://us-east-1.console.aws.amazon.com/bedrock/home?region=us-east-1#/modelaccess - 點擊 Enable specific models ![Screenshot 2024-05-26 at 5.40.03 PM](https://hackmd.io/_uploads/SJAqmYgVC.png) - 勾選 Anthropic (Sonnet / Haiku),完成後下拉到底點擊橘色 Next 按鈕 ![Screenshot 2024-05-26 at 5.48.43 PM](https://hackmd.io/_uploads/S1giHte4R.png) - 在 Review and submit 頁面確認沒問題後,下拉點擊橘色 Submit 按鈕 - 等待 Submit 按鈕旋轉結束後,點擊回到 Model Access 頁面 https://us-east-1.console.aws.amazon.com/bedrock/home?region=us-east-1#/modelaccess - 確認是否如下:若 Sonnet / Haiku 皆為 Access granted 表示申請開啟成功 ![Screenshot 2024-05-26 at 5.52.09 PM](https://hackmd.io/_uploads/HkFdIteVA.png) ### 步驟二:開啟 CloudShell - 點擊 AWS Console 右上角 Terminal 按鈕,如下圖中最左側按鈕。 ![Screenshot 2024-05-26 at 5.53.44 PM](https://hackmd.io/_uploads/r1oaUFgNR.png) - 點擊此按鈕 ![Screenshot 2024-05-26 at 5.57.27 PM](https://hackmd.io/_uploads/r1DcDKlEC.png) - AWS Console 頁面下半部會有浮動視窗,是CloudShell的執行環境 ![Screenshot 2024-05-26 at 6.00.54 PM](https://hackmd.io/_uploads/ryUDOYeNR.png) - 到此即完成環境準備,可以進入下一步驟開始建置 Claude Chat 應用程式 ### 步驟三:在 CloudShell 執行安裝 Script - 本步驟會採用 GitHub 作者提供的 Super Easy Deployment 部署方式:https://github.com/aws-samples/bedrock-claude-chat?tab=readme-ov-file#-super-easy-deployment - 只需要剪下以下程式碼,在 CloudShell 貼上,並按下 Enter 即可自動化完成所有執行。 ``` git clone https://github.com/aws-samples/bedrock-claude-chat.git cd bedrock-claude-chat chmod +x bin.sh ./bin.sh ``` ### 步驟四:看到安裝完成資訊 ``` [cloudshell-user@ip-10-140-117-244 ~]$ git clone https://github.com/aws-samples/bedrock-claude-chat.git Cloning into 'bedrock-claude-chat'... remote: Enumerating objects: 4271, done. remote: Counting objects: 100% (448/448), done. remote: Compressing objects: 100% (224/224), done. remote: Total 4271 (delta 227), reused 370 (delta 195), pack-reused 3823 Receiving objects: 100% (4271/4271), 45.62 MiB | 31.71 MiB/s, done. Resolving deltas: 100% (2615/2615), done. [cloudshell-user@ip-10-140-117-244 ~]$ cd bedrock-claude-chat [cloudshell-user@ip-10-140-117-244 bedrock-claude-chat]$ chmod +x bin.sh [cloudshell-user@ip-10-140-117-244 bedrock-claude-chat]$ ./bin.sh Waiting for the stack creation to complete... NOTE: this stack contains CodeBuild project which will be used for cdk deploy. - Done. Starting CodeBuild project: Project-XXXXXXXXXXXX... Waiting for the CodeBuild project to complete... CodeBuild project completed with status: SUCCEEDED Build Log Group Name: /aws/codebuild/Project-XXXXXXXXXXXX Build Log Stream Name: 87c53ca1-1170-4819-b90a-XXXXXXXXXXXX Fetch CDK deployment logs... Frontend URL: https://d3i2fyXXXXXXXX.cloudfront.net\n" [cloudshell-user@ip-10-140-117-244 bedrock-claude-chat]$ ``` ### 步驟五:註冊使用者 - 將 Frontend URL: https://d3i2fyXXXXXXXX.cloudfront.net 貼到瀏覽器 - 會看到以下畫面 ![Screenshot 2024-05-26 at 6.07.38 PM](https://hackmd.io/_uploads/HJ0mctxVC.png) - 點擊 Create ![Screenshot 2024-05-26 at 6.08.50 PM](https://hackmd.io/_uploads/HkVrcKxVC.png) - 填入您之後要登入用的信箱作為 Username,以及欲使用的密碼,重複一次。點擊 Create Account ![Screenshot 2024-05-26 at 6.10.26 PM](https://hackmd.io/_uploads/rJmoqKlNC.png) - 此時會等待填入驗證碼 ![Screenshot 2024-05-26 at 6.10.44 PM](https://hackmd.io/_uploads/ryktiKlV0.png) - 到信箱內收取認證信,信內會提供驗證碼。 ![Screenshot 2024-05-26 at 6.08.26 PM](https://hackmd.io/_uploads/rJl9otgVC.png) - 填入認證碼後點擊 Confirm 按鈕,頁面會跳轉登入,即可開始使用。