@jumpgroup/kolinpharma-stripe-button

Kolinpharma Stripe Button

Usage no npm install needed!

<script type="module">
  import jumpgroupKolinpharmaStripeButton from 'https://cdn.skypack.dev/@jumpgroup/kolinpharma-stripe-button';
</script>

README

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">