Stripe checkout for Ember
Description
Simplest way to implement card payments in your Ember app.
This addon integrates Stripe's embedded payment form, Checkout.See Stripe Checkout docs.
The best documentation is the sample application in tests/dummy.
Installation
ember install ember-cli-stripe
Usage
Component properties
| Property | Purpose |
|---|---|
label |
Stripe Checkout button text. |
isDisabled |
When true, the Stripe Checkout button is disabled. |
showCheckout |
Can be used to open the Stripe Checkout modal dynamically. |
Besides the above, all Stripe Checkout configuration optionsare supported. If you notice anything missing please open an issue.
Actions
The primary action of this component, onToken is called when the Stripe checkout succeeds. Its main param is a Stripe Token object.
import Ember from "ember";
export default Ember.Controller.extend({
actions: {
/**
* Receives a Stripe token after checkout succeeds
* The token looks like this https://stripe.com/docs/api#tokens
*/
processStripeToken(token, args) {
// Send token to the server to associate with account/user/etc
},
},
});
List of all actions:
| Action | Purpose |
|---|---|
onToken |
The callback invoked when the Checkout process is complete. |
onOpened |
The callback invoked when Checkout is opened. |
onClosed |
The callback invoked when Checkout is closed. |
Configuration
All Stripe Checkout configuration options can be set in your apps config.
In most cases, you will want to add at least your Stripe publishable key to your app's config, but this can be set as a property on the component too.
// config/environment.js
module.exports = function(environment) {
var ENV = {
stripe: {
key: 'pk_test_C0sa3IlkLWBlrB8laH2fbqfh',
....
},
};
return ENV;
};
Note: If Stripe options are set in the environment.js file and when invoking the component, the later value will win.
Multiple Stripe keys are supported, when passed directly to the component.
Compatibility
- Ember.js v3.12 or above
- Ember CLI v2.13 or above
- Node.js v10 or above
For older versions of Ember.js
| Ember.js version | ember-cli-stripe version |
|---|---|
3.4+ |
3.x |
2.18+ |
2.x |
1.13+ |
0.x |
Note: At your own risk, feel free to try current version, it might still work.
Contributing
See the Contributing guide for details.
License
This project is licensed under the MIT License.
-
Ember CLI 是一个 Ember.js 命令行工具，提供了由 broccoli 提供的快速的资源管道和项目结构。 Ember CLI 基于 Ember App Kit Project 目前已经废弃。 Assets Compilation Ember CLI asset compilation is based on broccoli. Broccoli has support for: Ha
-
This repository is no longer maintained. As a replacement check out: https://github.com/sir-dunxalot/ember-tooltips Ember CLI Tooltipster An Ember CLI add-on that wraps Tooltipster into an ember compo
-
ember-cli-updater This ember-cli addon helps you update your ember-cli application or addon. The idea of this addon is to automate some parts of the upgrade process so it's simplified. Not every chang
-
Ember-cli-yadda This Ember CLI addon facilitates writing BDD tests in the Gherkin language and executing them against your Ember app. @mschinis (Micheal Schinis) Did a great talk at @emberlondon BDD a
-
Ember-cli-simditor Ember component wrapper for simditor. Changes 0.0.7 Different from previous version, you must wrap content in object. See issue 6 for why. Getting Started Installation In your ember
-
ember-cli-chai Chai assertions for Ember.js. Deprecated This package is deprecated. Please use ember-auto-import to use chai and chai plugins directly. If you'd like to use chai, or were previously us
-
ember-cli-storybook �� Ember storybook adapter Compatibility Ember.js v3.16 or above Ember CLI v2.13 or above Node.js v10 or above Installation ember install @storybook/ember-cli-storybook Usage This
-
ember-cli-daterangepicker Just a simple component to use daterangepicker. ❗ Important notice The use of this addon is no longer recommended. This addon is a very simplewrapper for another JS library t