braintree on Angular2

Question

Braintree 클라이언트 샘플 (https://developers.braintreepayments.com/start/hello-client/javascript/v3)이 Angular2에서 작동하려고합니다. 저는 Angular2 (및 Javascript)에 매우 익숙합니다.

우선, "braintree-web"을 추가해야하는지 잘 모르겠다. package.json의 의존성 아래에서 "^ 3.6.3". 또는 index.html을 아래

<script src="https://js.braintreegateway.com/web/3.6.3/js/client.min.js"></script> 

및

<script src="https://js.braintreegateway.com/web/3.6.3/js/hosted-fields.min.js"></script> 

를 추가합니다. 나는 둘 다 끝내었다.

npm install을 실행 한 후 node_modules/braintree-web을 보면 .js 파일 만 보입니다. ts 파일이 보이지 않습니다. 이게 문제 야? 이것에 braintree-web을 사용하지 않겠습니까? 이 패키지는 Angular1 용으로 작성 되었습니까? 실제로 braintree-web을 사용해야한다면 index.html에 2 개의 js 파일을 포함시켜야합니까? braintree-web에 이미 포함되어 있지 않습니까? 내 payment.component.ts 파일에서

, 나는 복사하여 브레인 클라이언트 코드를 붙여 :

app/admin/user/payment.component.ts(3,27): error TS2307: Cannot find module 'braintree-web/client'

:

import { braintree } from 'braintree-web/client'; 
... 
ngOnInit() { 
    var authorization = '...'; 
    var submit = document.querySelector('input[type="submit"]'); 

    braintree.client.create({ 
     authorization: authorization 
    }, function (clientErr, clientInstance) { 
     if (clientErr) { 

내가 TSC를 실행하려고

, 나는 다음과 같은 오류를 받고 있어요을

내가 뭘 잘못하고 있니?

Answer 1

Angular2는 강력한 형식이므로 Braintree에서 제공하는 Javascript 샘플 코드를 사용할 수 없습니다. 이러한 모든 함수에 대해 정의 된 유형이 필요합니다. 그래서 Trying to integrate braintree-web into Angular2은 @ types/braintree-web이 (package.json에) 설치되어 있어야한다는 첫 번째 단서가되었습니다. 이것들은 Braintree의 공식 형식은 아니지만, 오픈 소스의 기여는 http://definitelytyped.org/입니다. Braintree 지원에 도움을 요청했고 Angular2에서 Javascript 샘플 코드를 사용할 수 있다고 언급했지만 각 매개 변수의 유형을 지정해야합니다. 유형 패키지가 자신의 코드가 아니기 때문에 유형 패키지를 권장하지 못했습니다.

파일 상단에는 더 이상 가져 오기가 필요하지 않지만 index.html에 포함 된 2 개의 Braintree Javascript 파일이 필요합니다.