Приложение для обработки кредитных карт Angular7 Net2.2 - PullRequest
Новая
       13

Приложение для обработки кредитных карт Angular7 Net2.2

0 голосов
/ 18 января 2019

В моем веб-приложении 2.2 / Angular 7 реализована функция обработки кредитных карт.Как подключиться к банку на стороне сервера, чтобы получить одобрение кредитной карты?

Я нашел эту угловую кредитную карту.Это мой код переднего плана, чтобы получить информацию о кредитной карте для отправки на сетевой сервер. 

export class CreditcardComponent implements OnInit {
ccForm: FormGroup;
submitted: boolean = false;

constructor(private _fb: FormBuilder) {
 }

ngOnInit() {
  this.ccForm = this._fb.group({
  creditCard: ['', [<any>CreditCardValidator.validateCCNumber]],
  expirationDate: ['', [<any>CreditCardValidator.validateExpDate]],
  cvc: ['', [<any>Validators.required, <any>Validators.minLength(3), 
  <any>Validators.maxLength(4)]] 
});
  }
  onSubmit(ccForm) {
   this.submitted = true;
   console.log(ccForm);
 } 
}

Это HTML-код: 

<h2>Input credit card number</h2>
<form [formGroup]="ccForm" (ngSubmit)="onSubmit()" novalidate>
  <div class="form-group">
    <label for="cc-number">Credit card number</label>
    <input id="cc-number" formControlName="creditCard" type="tel" 
     autocomplete="off" ccNumber>
    <!--add error on wrong formate of number using <div> -->
  </div>
  <div class="form-group">
      <label for="cc-exp-date">expiration date</label>
      <input id="cc-exp-date" formControlName="expirationDate" type="tel" 
      autocomplete="cc-exp" ccExp>
      <!--add error on wrong formate of number using <div> -->
  </div>    
  <div class="form-group">
      <label for="cc-cvc">cvc</label>
      <input id="cc-cvc" formControlName="cvc" type="tel" 
    autocomplete="off" ccCvc>
      <!--add error on wrong formate of number using <div> -->
  </div>

Я отправлю имя, адрес, информация о кредитной карте на сервер и хранить ее в базе данных SQL.Я не уверен, что это самый эффективный способ сделать это.

1 Ответ

0 голосов
/ 18 января 2019

Я бы создал службу кредитных карт и использовал бы сообщение для вашего серверного кода.

Тип: Ng g s "имя_службы (будет кредитной картой)" - приложение для модуля создать сервис кредитных карт.

Вот пример сообщения, в котором вам нужно будет установить правильные параметры и URL-адреса, а также ожидаемую модель ответа ApproveCreditCardResponse: 

approve(creditCard: string, cvc: string): Observable<ApproveCreditCardResponse> {

    return <Observable<ApproveCreditCardResponse>> this.http.post(environment.apiBaseUrl + '/api/creditcardurl',
      {
        'creditCard': creditCard,
        'cvc': cvc
      });
   }

После создания службы вы можете использовать ее в существующем контроллере методом onSubmit, подобным следующему: 

this.creditCardService.approve(this.creditCardNumber, this.creditCardCvc).subscribe(
        response => {
            const results = response;
            //todo handle successful response
        }, error => {
            const errorResponse = error['error'];
            //todo handle error response
        }
    );

не забудьте импортировать ваш сервис в свой конструктор: 

private creditCardService: CreditCardService

Дайте мне знать, если вам нужна дополнительная помощь. Это должно быть хорошей отправной точкой для вас.

...