@jumpgroup/kolinpharma-stripe-button

Kolinpharma stripe button

Test

• Impostare nexl file .env il parametro STRIPE_API_KEY con la sk_test_
• Impostare nel file index.html la prop api-key-stripe con la pk_test_
• Impostare nel file index.html la prop price-id con il prezzo price_1HRw8ZChWLZyI10Z3ZXWlY2X
• Impostare nel file env la voce API_URL=/api
• Eseguire il comando npx vercel dev
• Visitare su browser http://localhost:3000/
• Qualsiasi modifica al frontend viene visualizzata immediatamente ed è possibile testare l'api inviando acquisti di test

Production

• Impostare nel file .env il parametro STRIPE_API_KEY con la sk_live_
• Impostare nel file index.html la prop api-key-stripe con la pk_live_
• Impostare nel file index.html la prop price-id con il prezzo del prodotto live.
• Aggiornare la versione in package.json e package-lock.json
• Eseguire npm run build
• Deployare le api pushando su master
• Se sono state fatte modifiche al frontend aggiornare su npm il componente npm publish --access public

Utilizzare il componente

Includere i seguenti script nella pagina dove si vuole utilizzare il componente:

<script type="module" src="https://unpkg.com/@jumpgroup/kolinpharma-stripe-button/dist/kolin-stripebutton/kolin-stripebutton.esm.js"></script>
  <script nomodule="" src="https://unpkg.com/@jumpgroup/kolinpharma-stripe-button/dist/kolin-stripebutton/kolin-stripebutton.js"></script>
  <link rel="stylesheet" type="text/css" href="https://unpkg.com/@jumpgroup/kolinpharma-stripe-button/dist/kolin-stripebutton/kolin-stripebutton.css">