Accepting Stripe payments (3D Secure ready) in React Native (iOS with Native Modules)

Поділитися
Вставка
  • Опубліковано 7 січ 2025

КОМЕНТАРІ •

  • @wcandillon
    @wcandillon 4 роки тому +9

    Woah incredible! That native stuff 😅

  • @alimakeen8012
    @alimakeen8012 4 роки тому +2

    Amazing work Adem 👏

  • @lt3026
    @lt3026 4 роки тому +1

    It works very well for me. Very good tutorials

  • @hamzasabir6053
    @hamzasabir6053 4 роки тому

    Come back again, I could manage to integrate it and it works successfully but I want to know how to deal with a subscription using the same process you used, thank you!

  • @adi7718
    @adi7718 4 роки тому +6

    Amazing work. Do you plan to do one for Android?

    • @adembilican6749
      @adembilican6749  4 роки тому +6

      Yes, I am planning to work on the Android part as well but cannot do it right now, stay tuned!

  • @davidfeldt1362
    @davidfeldt1362 4 роки тому

    Great video - thanks! This is the best solution I've found that uses the official Stripe pod with bridge to the Stripe iOS SDK. I am going to modify your workflow to allow for ApplePay and subscriptions. Merci beaucoup!

    • @adembilican6749
      @adembilican6749  4 роки тому

      Génial :) That's great to hear, I am happy you found it useful!

  • @makisetakashi
    @makisetakashi 4 роки тому +2

    Thats great tutorial, I love it how the way you make it in native module, could you help us how to bridging in android side?

    • @adembilican6749
      @adembilican6749  4 роки тому +2

      Sure! If you already started we can maybe have a look at it together, a lot of users are asking for Android and I just didn't have time to go through it yet...

    • @makisetakashi
      @makisetakashi 4 роки тому

      Adem Bilican thanks Adem, that will really help for another developer, because for payment gateway is so risky when using third party library, like tipsi-stripe some docs outdate, integration on android side make me bleeding 😂

  • @ЛенаГалий
    @ЛенаГалий 4 роки тому +4

    What about Android part?

  • @huseyinakcicek
    @huseyinakcicek 4 роки тому

    Great video helps alot me. Could you please make a video for native android native module that we can accept payment.

    • @adembilican6749
      @adembilican6749  4 роки тому +2

      Thanks Hüseyin, I haven't work yet on the Android side but I might also implement the same system for the Android version, in that case I will definitely prepare a video as well👍

    • @huseyinakcicek
      @huseyinakcicek 4 роки тому

      @@adembilican6749 Thank you so much for your effort. I will wait your video excitedly :)

  • @dannivalero4427
    @dannivalero4427 3 роки тому

    excelente viejo

  • @nileshshinde397
    @nileshshinde397 4 роки тому

    Its a great video....actually i want integrate ideal payment option of stripe but i cant find the support for it can you please guide me...i want to integrate it in react native

    • @adembilican6749
      @adembilican6749  4 роки тому

      Hi Nilesh, it depends a lot on what you need exactly. By following the tutorial you should be able to implement other functionalities of Stripe for RN

  • @andranikakopkekhvyan4690
    @andranikakopkekhvyan4690 4 роки тому

    Hi Adem.
    Thats great thank you but i get this error
    "authenticationPresentingViewController is already presenting. You should probably dismiss the presented view controller in `prepareAuthenticationContextForPresentation"
    can you please help me?

    • @andranikakopkekhvyan4690
      @andranikakopkekhvyan4690 4 роки тому

      I found the problem :D
      if it helps someone, I did it in the modal, this was the mistake

  • @ghayoorulhaq2241
    @ghayoorulhaq2241 4 роки тому

    By running you code as it is from repo, getting this error
    Incompatible block pointer types sending '__strong STPAPIResponseBlock _Nonnull' (aka 'void (^__strong)(__strong ResponseType, NSHTTPURLResponse *__strong, NSError *__strong)') to parameter of type 'void (^)(STPSource *__strong, NSHTTPURLResponse *__strong, NSError *__strong)'
    in STRAPIClient.m
    line no 501

    • @adembilican6749
      @adembilican6749  4 роки тому

      I'd need more info to be able to help you. The project is organized in 2 parts, mobile and back-end, did you properly created your Stripe account and updated the API keys accordingly? If yes, where/when does this error occur?

  • @iamolk8805
    @iamolk8805 4 роки тому +1

    Nice tutorial !
    But i'm returned an error.
    Is it possible to have the complete error returned in StripeBridge?

    • @adembilican6749
      @adembilican6749  4 роки тому

      Thanks!
      You should be able to see the error via the STPPaymentHandlerActionStatusFailed object on L37 in the StripeBridge.m file.
      If not, you can access more details via the Stripe interface Developers > Logs.

    • @iamolk8805
      @iamolk8805 4 роки тому +1

      @@adembilican6749 Thank you ! I think it will be better for everyone to replace the callback with this one "callback(@[[NSNull null], error.userInfo, @"NULL" ]);" to customize the error :)

  • @duartesilveira2166
    @duartesilveira2166 4 роки тому

    Hi, great video it almost work perfectly for me. I'm getting this error: TypeError: null is not an object (evaluating "StripeBridge.createPayment") when i click pay. Do you have any hints on how to solve it? Thanks.

    • @adembilican6749
      @adembilican6749  4 роки тому

      Did you use the same name for the function: createPayment ?

  • @esmailbenmoussa1351
    @esmailbenmoussa1351 4 роки тому

    Great guide! However, Xcode is throwing following error:
    "Property 'rootViewController' not found on object of type 'AppDelegate *'; did you mean 'inputViewController'?"
    from - return delegate.rootViewController; - in (CheckoutViewController.m)
    any thoughts?

    • @esmailbenmoussa1351
      @esmailbenmoussa1351 4 роки тому +1

      I tried changing it to "inputViewController", which is then throwing another error in following CheckoutViewController.h line:
      "No type or protocol named 'STPAuthenticationContext'"
      - @interface CheckoutViewController: UIViewController

    • @adembilican6749
      @adembilican6749  4 роки тому

      @@esmailbenmoussa1351 Your first error might be due to the fact that you define rootViewController as inputViewController in your AppDelegate, so you might need to change it. For your second error: did you properly installed the Stripe SDK and are importing the correct header files?

    • @hamzasabir6053
      @hamzasabir6053 4 роки тому

      @@adembilican6749 Yes I had the same issue, surely StripeBridge.m is generating loads of undefined errors.

    • @adembilican6749
      @adembilican6749  4 роки тому +1

      @@hamzasabir6053 Which issue did you have Hamza? and did you solve it?

    • @hamzasabir6053
      @hamzasabir6053 4 роки тому

      @@adembilican6749 Yes I did, thank you Adem, it has something to do with the version of Stripe on pod installation.
      For people having the same issue, make sure it is the latest version ( 17.0.3)

  • @creativedigitalartists6426
    @creativedigitalartists6426 4 роки тому

    i followed your video to implement stripe into my react native app but when i try to run it i get this error "TypeError: null is not an object (evaluating 'StripeBridge.createPayment')". what does this error mean?

    • @adembilican6749
      @adembilican6749  4 роки тому

      Did you name your file (StripeBridge) and function (createPayment) correctly?

  • @toantran2143
    @toantran2143 4 роки тому

    Hi Adem I've a bit problem when create StripeBrigde Can you help me a bit :D

    • @adembilican6749
      @adembilican6749  4 роки тому

      Sure, what kind of problem? You can also send me an email to ademcan@ademcan.net

  • @chefclaye2164
    @chefclaye2164 4 роки тому

    hey, i'm getting an error - No type or protocol named 'STPAuthenticationContext' in the CheckoutViewController.h file ... I started from an expo bare work flow but followed all your instructions

    • @chefclaye2164
      @chefclaye2164 4 роки тому

      so i got past that but now my StripeBridge.m file is throwing a bunch of errors .
      1. Use of undeclared identifier 'cardParams'
      2. Use of undeclared identifier 'STPPaymentMethodCardParams'.
      3. Property 'paymentMethodParams' not found on object of type 'STPPaymentIntentParams *'
      4. Use of undeclared identifier 'STPPaymentHandler'
      5. Property 'paymentMethodParams' not found on object of type 'STPPaymentIntentParams *'
      So Stripe isn't in my Development Pods folder for some reason. But its it the other Pods folder in the main Pods folder

    • @chefclaye2164
      @chefclaye2164 4 роки тому +1

      UPDATE: i got it to work. awesome tutorial bro!

    • @adembilican6749
      @adembilican6749  4 роки тому

      @@chefclaye2164 Awesome, happy you solved your issues ;)

    • @chefclaye2164
      @chefclaye2164 4 роки тому +1

      @@adembilican6749 i don't wanna seem greedy but an Android video would be delightful =]

    • @adembilican6749
      @adembilican6749  4 роки тому

      @@chefclaye2164 I agree :) Just don't have much time to focus on that at the moment...

  • @serinachen7011
    @serinachen7011 4 роки тому

    Hi, I am doing this project and noticed that I don't have IOS or android folders on my react native app. What do I deal with those situations?

    • @adembilican6749
      @adembilican6749  4 роки тому +1

      Hi Serina, that's weird! How are you creating your RN project?

    • @serinachen7011
      @serinachen7011 4 роки тому

      @@adembilican6749 I uses expo. I installed expo tool kit then, follow your step. For some reason, it doesn't work out. My Object-C program is not recognizing all RCT libraries.

    • @adembilican6749
      @adembilican6749  4 роки тому

      @@serinachen7011 I guess you need to "expo eject" your project to use native libraries like the one from Stripe. As far as I know Expo is not the recommended way if you are going to rely on some native libraries!

  • @nelsondavidjimenez2594
    @nelsondavidjimenez2594 4 роки тому

    eso sirve con una tarjeta de verdad?

    • @adembilican6749
      @adembilican6749  4 роки тому

      Si :) you just need to change your Stripe API key to the production one (instead of test)

  • @natetronn
    @natetronn 4 роки тому

    Hi Adem, thanks for the video and the work on this! Have you seen this one? github.com/Fitpassu/react-native-stripe-payments - Appears to have Android support as well. Curious to know your opinion on it, how it compares to your solution, how it differs etc. Thanks again!

    • @adembilican6749
      @adembilican6749  4 роки тому

      Thanks for mentioning this project, I didn't know about it... The iOS part is identical to what I do in the video, no difference at all but there is also Android support which is cool. However, it only supports accepting simple payments, so if that's your only requirement then it's fine. In the video I just showed a simple example as well but the idea was to let you add more bridges based on what you would need!

  • @TheOzoneMusic
    @TheOzoneMusic 2 роки тому

    White theme... Really???