Hoppa till huvudinnehåll
Billing SDK är en omfattande öppen källkods-lösning som tillhandahåller komplett faktureringsinfrastruktur för moderna webbapplikationer. Den inkluderar React-komponenter, CLI-verktyg och fullstackintegrationsstöd för flera ramverk med Dodo Payments.

Översikt

Billing SDK erbjuder:
  • React-komponenter: Förbyggda, anpassningsbara faktureringskomponenter för React-applikationer
  • CLI-verktyg: Kommandoradsgränssnitt för projektinitiering och komponenthantering
  • Ramverksstöd: Integration med Next.js, Express.js, Hono, Fastify och React
  • Betalningsleverantör: Full integration med Dodo Payments

Snabbstart

Kom igång med Billing SDK på några minuter:
1

Install the CLI

Använd npx för att köra CLI utan installation:
Eller installera det globalt för frekvent användning:
2

Initialize a Project

Kör den interaktiva konfigurationen för att skapa ett nytt faktureringsprojekt:
Du ombeds välja:
  • Ditt föredragna ramverk (Next.js, Express.js, Hono, Fastify, React)
  • Din betalningsleverantör (Dodo Payments)
3

Add Components

Lägg till enskilda faktureringskomponenter i ditt projekt:

Stödda ramverk

Billing SDK stöder flera ramverk med omfattande Dodo Payments-integration:

CLI-kommandon

@billingsdk/cli init

Initiera ett nytt faktureringsprojekt med komplett installation inklusive ramverkskonfiguration, Dodo Payments-integration och nödvändiga beroenden. Vad det gör:
  1. Ramverksval: Välj ditt föredragna ramverk
  2. Mallinstallation: Laddar ner och installerar ramverkspecifika mallar med Dodo Payments-integration
  3. Beroendehantering: Installerar automatiskt nödvändiga beroenden
  4. Filgenerering: Skapar nödvändiga konfigurationsfiler och grundkod
Exempel:

@billingsdk/cli add

Lägg till individuella faktureringskomponenter i ditt befintliga projekt med hjälp av shadcn/ui-registersystemet. Exempel:
Vad som händer:
  1. Hämtar komponentkonfigurationen från registret
  2. Installerar komponentfilerna i din components/billingsdk/-katalog
  3. Uppdaterar din projektkonfiguration vid behov
  4. Installerar eventuella ytterligare beroenden

Genererad filstruktur

Efter att ha kört init får du en komplett projektstruktur med:
  • API-rutter: Omfattande slutpunkter för kassa, kunder, produkter, prenumerationer och webhooks
  • Hooks: React-hooks för faktureringsoperationer (om du använder React/Next.js)
  • Biblioteksfiler: Betalningsleverantörens klientinitialisering och verktyg
  • Miljökonfiguration: Exempel på miljövariabelfiler

Next.js exempelstruktur

Miljökonfiguration

Konfigurera dina miljövariabler efter initiering:
Spara alltid dina API-nycklar säkert med hjälp av miljövariabler. Låt dem aldrig ingå i versionskontrollen.

Tillgängliga komponenter

Billing SDK tillhandahåller en omfattande samling av React-komponenter:
  • Prissättningsbord: Flera varianter för att visa produktpriser
  • Prenumerationshantering: Komponenter för att hantera kundprenumerationer
  • Användningsövervakning: Visuella komponenter för att spåra användningsbaserad fakturering
  • Kassakomponenter: Förbyggda kassaflöden
  • Kundportal: Komponenter för kundsjälvbetjäning

Öppen källkod

Billing SDK är byggt på principer för öppen källkod:
  • 🔍 Transparens: Full insyn i hur komponenter fungerar
  • 🤝 Gemenskap: Byggt av utvecklare, för utvecklare
  • 🔒 Säkerhet: Öppen kod innebär bättre säkerhet genom peer review
  • 📈 Innovation: Snabbare iteration genom gemenskapsbidrag
Billing SDK släpps under GNU General Public License (GPL) för att säkerställa att projektet förblir öppet och kostnadsfritt.

Få hjälp

Behöver du hjälp med Billing SDK?

Bidra

Vi välkomnar bidrag! Se vår bidragsguide för detaljer om:
  • Rapportera buggar
  • Begära funktioner
  • Skicka pull requests
  • Lägga till nya komponenter
  • Förbättra dokumentationen

Lär dig mer

Full Documentation

Komplett guide till Billing SDK med exempel och bästa praxis

CLI Reference

Detaljerad CLI-dokumentation för alla kommandon och alternativ

Component Library

Bläddra bland alla tillgängliga komponenter med liveexempel
Senast ändrad 1 april 2026