Plaid: как создать общедоступный токен во внешнем интерфейсе (Ionic/angular) и отправить на сервер

Недавно была создана библиотека Angular: нажмите здесь и здесь

Сначала у меня были некоторые проблемы с реализацией Plaid; эти советы должны помочь:

1. Реализуйте библиотеку, как показано во второй ссылке выше. Убедитесь, что на втором этапе вы импортируете в свой файл app.module.ts. Не используйте jQuery, указанный в документации.
2. Используя эту библиотеку, кнопка будет автоматически создана в элементе Angular <mr-ngx-plaid-link-button>. Эта кнопка будет действовать как кнопка отправки, если вы не используете DOM или другие методы, чтобы изменить ее на кнопку типа на ngAfterViewInit()
3. Все пять событий на третьем шаге являются прослушивателями различных событий. Обратный вызов onSuccess() вернет общедоступный токен — только после того, как вы (а) успешно отправите банковские учетные данные (user_good / pass_good в песочнице) и (б) нажмете кнопку «Продолжить», чтобы выйти из Plaid Link.

На стороне сервера вам необходимо сначала инициализировать клиентскую библиотеку узла Plaid. Вы также захотите сделать вызов токена обмена, чтобы обменять public_token из Link на API access_token. Затем вы сохраните access_token и будете использовать его для получения данных о транзакциях и учетных записях:

// Initialize the Plaid API client with your API keys (https://dashboard.plaid.com/account/keys)
// Use plaid.environments.production, plaid.environments.development, or plaid.environments.sandbox
const plaid = require('plaid');
const client = new plaid.Client(client_id, secret, public_key, plaid.environments.sandbox);
client.exchangePublicToken(PUBLIC_TOKEN, function(error, tokenResponse) {
  if (error != null) {
    var msg = 'Could not exchange public_token!';
    console.log(msg + '\n' + error);
  }
  const ACCESS_TOKEN = tokenResponse.access_token;
  const ITEM_ID = tokenResponse.item_id;
  console.log('Access Token: ' + ACCESS_TOKEN);
  console.log('Item ID: ' + ITEM_ID);
  // Now retrieve transactions or account information with the access_token
});

Для клиентской стороны в вашем приложении Ionic вам необходимо включить скрипт link-initialize.js перед вызовом Plaid.create. Конкретно:

<script src="https://cdn.plaid.com/link/v2/stable/link-initialize.js">
</script>

Вот полный пример клиентского HTML:

<button id="link-button">Link Account</button>

<script src="https://cdn.plaid.com/link/v2/stable/link-initialize.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.js"></script>
<script type="text/javascript">
var handler = Plaid.create({
  clientName: 'Plaid Walkthrough Demo',
  env: 'sandbox',
  key: '[PUBLIC_KEY]', // public_key is at https://dashboard.plaid.com/account/keys
  product: ['auth'],
  onLoad: function() {
    // Optional, called when Link loads
  },
  onSuccess: function(public_token, metadata) {
    // Send the public_token to your app server.
    // The metadata object contains info about the institution the
    // user selected and the account ID, if `selectAccount` is enabled.
    $.post('/get_access_token', {
      public_token: public_token,
    });
  },
  onExit: function(err, metadata) {
    // The user exited the Link flow.      
  }
});
</script>