Създайте JSON изведени данни от формуляр Angular 2, които да се използват във формуляр за контакт без сървър, захранван от AWS

Опитвам се да напиша формуляр за контакт в Angular 2, който извиква AWS API Gateway, предоставяйки имейл адреса/името/съобщението на потребителя във формат JSON:

  {
      "email": "[email protected]",
      "phone": "1234567890",
      "name": "John Smith",
      "message": "A test message"
    }

Имам AWS API Gateway, конфигуриран да получава горния JSON формат и AWS Lambda е конфигуриран и тестван да използва AWS SES за изпращане на имейл, когато се получат горните JSON форматирани данни. Тези части от веригата работят.

Аз съм много нов в Angular 2 и създадох формуляри, следвайки примери, но сега съм загубен как да продължа да създавам формуляра и за него да JSON Stringify изхода към моя URL адрес на шлюза на API и да използвам HTTP услуга за изпращане на тези данни към крайната точка на моя API шлюз.

Чудех се дали някой може да предложи нов подход?

Много благодаря на всички :)


angular aws-lambda aws-api-gateway amazon-ses contact-form
person Frazer    schedule 26.03.2017    source източник
comment
трябва ли да изпратите данни от формуляра до конкретен URL път?   -  person isuruAb    schedule 26.03.2017
comment
Да – създадох конкретна крайна точка на шлюз на AWS API: xxxxxxx.execute- api.eu-west-1.amazonaws.com/prod, че мога да получа подходящите данни във формат JSON. Използвах този блог codeengine.com/articles/process-form -aws-api-gateway-lambda за настройка на API Gateway / Lambda, но наистина се боря да разбера как да напиша формата Angular2, за да обработя изхода като JSON и да го изпратя до API Gateway. Уча формуляри, но не мога да намеря нищо, което да следвам, специфично за създаването на JSON и публикуването му в URL адреса за извикване.   -  person Frazer    schedule 26.03.2017
comment
Опитах се да използвам кода от [link]stackoverflow.com/questions/39698247/   -  person Frazer    schedule 02.04.2017
comment
който измених на нов компонент с FormGroup и FormBuilder, добавени към моя app.module, но получавам неочаквана стойност „FormGroup“, импортирана от модула „AppModule“. Моля, добавете анотация @NgModule. грешка от конзолата - въпреки че съм добавил FormGroup и FormBuilder към декларациите. Някакви идеи, моля някой??? Наистина просто искам да получа работещ формуляр, създаващ JSON и изпращащ към моя API, от който мога да се уча :)   -  person Frazer    schedule 02.04.2017
comment
импортирайте FormGroup и FormBuilder, вместо да ги декларирате. моля, добавете вашите кодове, ако имате нужда от допълнителни пояснения.   -  person isuruAb    schedule 02.04.2017
comment
json-form.component.ts - не ми позволява да добавя кода - казва, че е твърде дълъг от 354 знака.... - така че ще го публикувам в три съобщения...   -  person Frazer    schedule 02.04.2017
comment
направете plunker (plnkr.co) и публикувайте въпросния URL. не е необходимо да го публикувате като три коментара. можете да редактирате въпроса и да добавите други кодове там   -  person isuruAb    schedule 02.04.2017
comment
Малко се боря, за да получа ъглова 2/4 настройка по подразбиране и да направя това да работи. Plunker предлага само AngularJS 1,5x максимум - без ъглови 2 или 4   -  person Frazer    schedule 11.04.2017
comment
Може ли някой да предложи примерен код, моля? Сега се боря, следвайки много примери и просто не мога да накарам това да работи. Бих искал просто да работя чрез „работещ пример“ на код, който да науча.... :)   -  person Frazer    schedule 15.04.2017

Отговори (1)


arrow_upward
0
arrow_downward

Получих чудесен отговор от този въпрос:

Създайте Форма за контакт в Angular 2 / 4, която ПУБЛИКУВА JSON към определен API

Моля, опитайте и plunker: той отговаря перфектно на въпроса :)

ГОЛЕМИ благодарности на @Tiep Phan за много изчерпателен и бърз отговор.

person Frazer    schedule 17.04.2017