Magento – JS error with Braintree – no clientToken

magento2

I am trying to implement Braintree payments into a Magento 2.1.2 store.

I have followed these guides to set it up, and added in my merchant ID, public and private key:
http://docs.magento.com/m2/ce/user_guide/payment/braintree.html

In checkout, when I click on the Braintree payment method radio button, I get the following JS error:

braintree-2.17.6.min.js:3 Uncaught Error: Braintree API Client Misconfigured: clientToken required.

Shouldn't the client Token be created OK if I've put in all the keys?

This is running in a local dev environment, is that the issue?

Thanks.

Best Answer

For future Googlers, the problem was I was using incorrect API keys. Remember that if you have Braintree configured to be in Sandbox mode in Magento admin, then you will need to be using Sandbox API keys too.

Related Solutions

Magento2 Braintree Module Error – How to Resolve

Hi we have had exactly the same issue. We have tested on apache & nginx php5.6 and above only.. not php5.5.

Although the braintree composer requires php 5.5/5.6/7.0.0 It seems that the braintree payment method will only work with php 5.6.

We noted that for php 5.6 tokens are successfully generated but for php 7.0.0 and 7.0.3 they are not. The keys are encrypted in php 7.0.0 and above (which they are not in php5.6) and so braintree can not decrypt them and so the payment method can not initialise and in turn will not show on the checkout.

Although the keys are encrypted magento still saves the unencrypted keys in the database, we have had a quick play and can get it to work on php 7.0.0 by editing core files to test, but we have not had a chance to to figure out a proper solution.

Hope this helps.

Magento – Magento 2.1 braintree credit card error handling

As far as I know, Magento 2 use Ajax to handle this task.

We should take a look at file:

vendor/magento/module-checkout/view/frontend/web/js/model/place-order.js

      return storage.post(
            serviceUrl, JSON.stringify(payload)
        ).fail(
            function (response) {
                errorProcessor.process(response, messageContainer);
                fullScreenLoader.stopLoader();
            }
        );

So, we need to override this file or the errorProcessor.process() - vendor/magento/module-checkout/view/frontend/web/js/model/error-processor.js handler. We can alert the error message.

Best Answer

Related Solutions

Magento2 Braintree Module Error – How to Resolve

Magento – Magento 2.1 braintree credit card error handling

Related Topic