#node.js #reactjs #amazon-web-services #devops #aws-devops
Вопрос:
Я клонировал портал разработчиков AWS на своем локальном компьютере с — https://github.com/awslabs/aws-api-gateway-developer-portal. Мое требование состоит в том, что мне нужно изменить пользовательский интерфейс портала разработчиков AWS и пометить его фирменным знаком клиента, указать другой верхний или нижний колонтитул и другие изменения, связанные с пользовательским интерфейсом. Пользовательский интерфейс находится в react JS, а запуск npm и установка npm не помогают.Я застрял, так как не могу запустить проект локально и просмотреть пользовательский интерфейс или внести какие-либо изменения. Есть ли какая-либо помощь в локальной настройке портала разработчиков AWS и его настройке в соответствии с требованиями клиента?
Комментарии:
1. Вы следили за документами ?
2. Да, я последовал за ним. Но вопрос в том, что я хочу изменить пользовательский интерфейс портала разработчиков AWS. И документ только указывает, как развернуть его на AWS, а не как запустить его локально, просмотреть браузер localhost и настроить пользовательский интерфейс в соответствии с потребностями.
Ответ №1:
Пожалуйста, выполните следующие действия, чтобы запустить этот портал разработчиков на локальном компьютере Windows:
Шаги:
Install Git [2], Node v14 [3], AWS CLI [4], AWS SAM CLI [5].
Configure access key and secret key for AWS CLI using following command [6]:
$ aws configure
Как только вы нажмете enter, вам нужно будет добавить следующую информацию:
AWS Access Key ID: AWS Secret Access Key: Default region name: Default output format: json
Я обнаружил проблему, связанную с Windows, в которой дочерний процесс для npm работает неправильно [7]. Чтобы устранить эту проблему, я обнаружил, что npm.cmd работает правильно.
Перейти к npm.js файл, присутствующий в «aws-api-gateway-developer-portalscriptsnpm.js» и замените «npm» в строке № 11 на «npm.cmd».
Ваша строка номер 11 в npm.js должно быть следующим:
await run('npm.cmd', process.argv.slice(2), { action: 'Execution', target, cwd: resolved })
Go to run.js file present at "aws-api-gateway-developer-portalscriptsrun.js" and replace "npm" at line number 14 to "npm.cmd"
Your line number 14 in run.js should be as follows:
'npm.cmd', ['run', task, '—', ...args],
Now as per the documentation kindly copy the "example-dev-deployer.config.js" to "deployer.config.js" and replace following values:
==> Replace "YOUR_LAMBDA_ARTIFACTS_BUCKET_NAME" with your s3 bucket name ==> Replace "CUSTOM_PREFIX" with any prefix you like. (For example: test)
Run following command inside aws-api-gateway-developer-portal folder:
$ node run install release
Я заметил, что sam cli неправильно развернул шаблон, поэтому после выполнения предыдущей команды найдите «sam deploy» и скопируйте его.
Это пример команды sam deploy:
$ sam deploy --template-file C:UsersAdministratorDesktopdemoaws-api-gateway-developer-portalcloudformationpackaged.yaml --stack-name dev-portal0 --capabilities CAPABILITY_NAMED_IAM --parameter-overrides StaticAssetRebuildToken=XXXXXXXXXXX StaticAssetRebuildMode=overwrite-content DevPortalSiteS3BucketName=test-dev-portal-static-assets0 ArtifactsS3BucketName=test-dev-portal-artifacts0 DevPortalCustomersTableName=DevPortalCustomers0 DevPortalPreLoginAccountsTableName=DevPortalPreLoginAccounts0 DevPortalFeedbackTableName=DevPortalFeedback0 CognitoIdentityPoolName=DevPortalIdentityPool0 LocalDevelopmentMode=true CognitoDomainNameOrPrefix=test-auth0 —s3-bucket testbucket
Пожалуйста, замените упакованный.yaml в шаблон.yaml. Ниже приведен пример команды, которую вы должны выполнить:
$ sam deploy --template-file C:UsersAdministratorDesktopdemoaws-api-gateway-developer-portalcloudformationtemplate.yaml --stack-name dev-portal0 --capabilities CAPABILITY_NAMED_IAM --parameter-overrides StaticAssetRebuildToken=XXXXXXXXXXX StaticAssetRebuildMode=overwrite-content DevPortalSiteS3BucketName=test-dev-portal-static-assets0 ArtifactsS3BucketName=test-dev-portal-artifacts0 DevPortalCustomersTableName=DevPortalCustomers0 DevPortalPreLoginAccountsTableName=DevPortalPreLoginAccounts0 DevPortalFeedbackTableName=DevPortalFeedback0 CognitoIdentityPoolName=DevPortalIdentityPool0 LocalDevelopmentMode=true CognitoDomainNameOrPrefix=test-auth0 —s3-bucket testbucket
Теперь выполните эту команду, и вы увидите, что стек развертывается.
Наконец, запустите команду «Запуск узла», и она откроет ваш браузер по умолчанию. Подождите некоторое время, пока скрипт загрузится, а затем вы увидите портал разработчика, запущенный локально. Пожалуйста, обратите внимание, что конфигурация и имена, указанные в команде SAM deploy, должны быть такими же, как вы указали в deployer.config.js файл. В противном случае это приведет к ошибке.