2015-12-25 6 views
9

Próbuję znaleźć dobre podejście do korzystania z paskiem z native natywnego reagowania. Najlepiej taki, który nie wiąże się z wysyłaniem informacji o kartach kredytowych do mojego własnego zaplecza lub przechowywanie mojego klucza prywatnego w aplikacji. Wszelkie pomysły mile widziane! dziękiJak korzystać z Stripe (stripe.js) i reagować natywnie

+0

Czy próbujesz użyć go tylko do dodania kart kredytowych dla użytkowników lub czy próbujesz zrobić z nim więcej? – rmevans9

+0

Na razie wystarczy dodać karty kredytowe dla użytkowników - wszystko inne jestem na tyle szczęśliwy, aby trafić w moje własne zaplecze, a z tego, co mogę powiedzieć, jest to zalecany wzór od Stripe? – Irfy

+1

To jest sposób, w jaki mam to skonfigurowane w mojej aplikacji, ponieważ do tworzenia rzeczywistych transakcji wymagany jest prywatny klucz API, więc za wszelką cenę nie wysyłam go do aplikacji klienckich. – rmevans9

Odpowiedz

10

Nie zaimplementowałem tego w React Native osobiście jeszcze. W aplikacji, nad którą nad tym pracuję, zostaną przeniesione w ciągu najbliższych kilku dni, ale oto, jak to zrobić w bieżącej aplikacji, bez żadnej zależności od bibliotek stron trzecich i jak będziemy implementować również w React Native. Jest to oczywiście pojęcie, które można wykorzystać wszędzie, gdzie można wykonać połączenie HTTP.

Wykonaj połączenie POST z numerem https://api.stripe.com/v1/tokens z nagłówkiem "Authorization" o wartości Bearer {PUBLISHABLE_AUTH_TOKEN}. W organizmie (x-www-form-urlencoded) put:

card[name]={NAME_ON_CARD}&card[number]={CARD_NUMBER}&card[exp_month]={CARD_EXP_MONTH}&card[exp_year]={CARD_EXP_YEAR}&card[cvc]={CARD_CVC} 

Odpowiedź będzie obiekt JSON, który zawiera (między innymi) pole id. To pole identyfikacyjne odnosi się do karty podczas dokonywania transakcji, aby identyfikator ten był wysyłany na serwer i przechowywany. Ten identyfikator można przechowywać bez obaw o zgodność ze standardem PCI.

Więcej informacji: https://stripe.com/docs/api#tokens

+0

Witam. Natknąłem się na to, próbując dowiedzieć się, jak zaimplementować Stripe w React Native. Jeśli możesz rzucić okiem na to pytanie, byłbym bardzo wdzięczny: http://stackoverflow.com/questions/40092731/how-to-implement-stripe-with-react-native Z góry dziękuję! –

+0

Jeśli będziesz mieć czas na czatowanie tutaj, naprawdę bym to docenił. Obecnie jest w trakcie integrowania Stripe w React Native i chciałby trochę wyjaśnić. Z góry dziękuję. –

1

wpadłem w ten sposób problemów z istniejących bibliotek, więc napisałem lepszy. react-native-stripe umożliwia zbieranie informacji o karcie kredytowej, sprawdzanie jej za pomocą Stripe i wymianę na token Stripe, wszystkie przy użyciu natywnego kodu. Obecnie tylko iOS.

5

Polecam: https://github.com/tipsi/tipsi-stripe

udało mi się z powodzeniem połączyć React rodzimych i Stripe stworzyć klientowi i dodać kartę i zapisać znaki na plecach końca.

+0

W jaki sposób dodałeś kartę do klienta? Od strony samej RN lub poprzez przekazanie tokena do twojego backendu? –

+0

@SuhairZain - przekazywanie tokena do zaplecza. –