This topic assumes that you have already completed one of the Get started guides, and are looking to customize or extend the functionality.
This topic describes how to pass purchase data to RebillyInstruments.mount(), you must provide purchase data to complete the customer flow. It is mandatory to use one of the following properties that are detailed in this page:
itemsproperty.moneyproperty.invoiceIdproperty.transactionIdproperty.depositproperty.payoutproperty.jwtproperty.
To change the purchase data at runtime, use the RebillyInstruments.update() function.
Use this option when a customer has selected multiple items, such as in a shopping cart, or when you have specific plans to offer to a customer.
Each object in the items array object must include a planId and a quantity property. For more information, see Create a product and pricing plan.
Additionally, if Rebilly Instruments has been supplied with a summary, items may include a thumbnail.
RebillyInstruments.mount({
publishableKey: 'pk_123',
organizationId: 'org-123',
websiteId: 'my-website-id',
items: [
{
planId: 'plan-abc',
quantity: 1,
thumbnail: 'https://www.example.com/image.png', // this property is optional
},
],
});Use this option to permit a customer to make a purchase without additional configuration. Directly specify the amount to request from the customer.
The money object must include amount and currency properties.
RebillyInstruments.mount({
publishableKey: 'pk_123',
organizationId: 'org-123',
websiteId: 'my-website-id',
money: {
amount: 50,
currency: 'USD',
},
});To use this property, you must:
- Host additional code on your own server to create an invoice and authenticate a customer.
- Provide
jwtwith access to theStorefrontGetInvoiceoperation. - Authorize a customer to use
jwt.
Use this option to directly make a payment on a specific invoice.
Authorize a customer to use jwt
- Create a customer.
- Create a secret API key.
- From the server, execute the PostAuthenticationToken operation, using the following required parameters:
mode: Set aspasswordless.customerId: ID of the customer you created that you created in step 1.
- From the response, use the
tokenvalue to execute the PostAuthenticationTokenExchange operation. This exchange must occur as closely as possible to when the customer will access the data. - From the response, use the
tokenvalue as the JWT for customer authentication.
- The
PostAuthenticationTokenExchangetokenand thePostAuthenticationTokentokenare different. - The
PostAuthenticationTokentokenmust be treated securely and always set to expire.
RebillyInstruments.mount({
invoiceId: 'an-invoice-id',
jwt: 'the-customer-jwt',
});To use this property, you must:
- Host additional code on your own server to create an invoice and authenticate a customer.
- Provide
jwtwith access to theStorefrontGetTransactionandStorefrontGetInvoiceoperations. - Authorize a customer to use
jwt.
Use this options to directly make a payment towards a specific transaction.
Authorize a customer to use jwt
- Create a customer.
- Create a secret API key.
- From the server, execute the PostAuthenticationToken operation, using the following required parameters:
mode: Set aspasswordless.customerId: ID of the customer you created that you created in step 1.
- From the response, use the
tokenvalue to execute the PostAuthenticationTokenExchange operation. This exchange must occur as closely as possible to when the customer will access the data. - From the response, use the
tokenvalue as the JWT for customer authentication.
- The
PostAuthenticationTokenExchangetokenand thePostAuthenticationTokentokenare different. - The
PostAuthenticationTokentokenmust be treated securely and always set to expire.
RebillyInstruments.mount({
transactionId: 'a-transaction-id',
jwt: 'the-customer-jwt',
});To use this property, you must:
- Host additional code on your own server to create an invoice and authenticate a customer.
- Authorize a customer to use
jwt.
Use this option to allow the customer to set the deposit amount.
depositmust be accompanied byjwtproperty.depositmust provide thedepositRequestIdorcurrencyproperty, all other properties are optional. For more information, see Rebilly Instruments reference.
RebillyInstruments.mount({
deposit: {
depositRequestId: 'a-deposit-request-id',
},
jwt: 'the-customer-jwt',
});or
RebillyInstruments.mount({
deposit: {
currency: 'USD',
},
jwt: 'the-customer-jwt',
});To use this property, you must:
- Host additional code on your own server to create an invoice and authenticate a customer.
- Authorize a customer to use
jwt. - Issue a payout request to the customer.
Use this option to allow the customer to set the deposit amount.
payoutmust be accompanied byjwtproperty.payoutmust provide thepayoutRequestId.
RebillyInstruments.mount({
payout: {
payoutRequestId: 'a-payout-request-id',
},
jwt: 'the-customer-jwt',
});To use this property, you must:
- Host additional code on your own server to create an invoice or transaction and authenticate a customer.
- Authorize a customer to use
jwt.
From the server, execute the PostAuthenticationToken operation, using the following required parameters:
mode: Set aspasswordless.customerId: ID of the customer you created that you created in step 1.
From the response, use the
tokenvalue to execute the PostAuthenticationTokenExchange operation. This exchange must occur as closely as possible to when the customer accesses the data.acl: Include a scope with yourorganizationId, thetransactionIdorinvoiceId, and the followingpermissions:PostTokenPostDigitalWalletValidationStorefrontGetAccountStorefrontPatchAccountStorefrontPostPaymentStorefrontGetTransactionCollectionStorefrontGetTransactionStorefrontGetPaymentInstrumentCollectionStorefrontPostPaymentInstrumentStorefrontGetPaymentInstrumentStorefrontPatchPaymentInstrumentStorefrontPostPaymentInstrumentDeactivationStorefrontGetWebsiteStorefrontGetInvoiceCollectionStorefrontGetInvoiceStorefrontGetProductCollectionStorefrontGetProductStorefrontPostReadyToPayStorefrontPostReadyToPayoutStorefrontGetPaymentInstrumentSetupStorefrontPostPaymentInstrumentSetupStorefrontGetDepositRequestStorefrontGetDepositStrategyStorefrontGetPayoutRequestStorefrontGetPayoutRequestCollectionStorefrontPatchPayoutRequest
customClaims: include thewebsiteIdas well as thetransactionIdorinvoiceId.
From the response, use the
tokenvalue as the JWT for customer authentication.
PostAuthenticationTokenExchangetokenand thePostAuthenticationTokentokenare different values.PostAuthenticationTokentokenmust be treated securely and always set to expire.
RebillyInstruments.mount({
jwt: 'the-customer-jwt',
});