ember-stripe-service is an easy way to add Stripe.js library to your ember-cli project without having to deal with manually setting the script tag
- sets stripe.js script in index.html (test, app)
- initializes stripe with publishable key
- injects service in controllers which provides promisified method for
Stripe.card.createToken - provides debugging logs for easy troubleshooting
npm install --save ember-stripe-serviceember server- set
stripe.publishableKeyinconfig/environment.js - Visit your app at http://localhost:4200, you should now see the stripe.js script has been included
Stripeglobal is now available in your app
In order to use Stripe you must set your publishable key in config/environment.js.
ENV.stripe = {
publishableKey: 'pk_thisIsATestKey'
};ember-stripe-service provides a promisified version of
Stripe.card.createToken which makes it easier to interact with its returns
within your Ember controllers.
The method makes createToken operate under Ember run's loop making it easier
to create integration tests that operate with Stripe's test mode.
To use it inside of a controller action or method you would:
export default Ember.Controller.extend({
stripe: Ember.inject.service(),
myCreditCardProcessingMethod: function() {
var customer = this.get('customer');
// obtain access to the injected service
var stripe = this.get('stripe');
// if for example you had the cc set in your controller
var card = this.get('creditCard');
return stripe.card.createToken(card).then(function(response) {
// you get access to your newly created token here
customer.set('stripeToken', response.id);
return customer.save();
})
.then(function() {
// do more stuff here
})
.catch(function(response) {
// if there was an error retrieving the token you could get it here
if (response.error.type === 'card_error') {
// show the error in the form or something
}
});
}
})The interface is similar for bank account tokens:
// obtain access to the injected service
var stripe = this.get('stripe');
// if for example you had the cc set in your controller
var bankAccount = {
country: 'US',
routingNumber: '1235678',
accountNumber: '23875292349'
}
return stripe.bankAccount.createToken(bankAccount).then(function(response) {
// you get access to your newly created token here
customer.set('bankAccountStripeToken', response.id);
return customer.save();
})
.catch(response) {
// if there was an error retrieving the token you could get it here
if (response.error.type === 'invalid_request_error') {
// show an error in the form
}
}
}
})By setting LOG_STRIPE_SERVICE to true in your application configuration you can enable some debugging messages from the service
var ENV = {
// some vars...
LOG_STRIPE_SERVICE: true,
// more config ...
}ember testember test --server
In order to run integration tests which use real Stripe tokens, the environment variable STRIPE_PUBLISHABLE_KEY must be set to use a real Stripe Publishable Key (either test or live).
export STRIPE_PUBLISHABLE_KEY="pk_thisIsAKey" ember test
For more information on using ember-cli, visit http://www.ember-cli.com/.
- We're thinking of giving access other methods of Stripe, but we're not sure so if you find one useful please make an issue
- Provide an option to inject mocked Stripe library inspired by ember-cli-custom-form but with deeper mocking and set by config flag not environment so integration tests can still be run with real service if wanted
- PRs welcome and encouraged, and if you're not sure how to implement something we could try to work together