Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Flutter Web : How to run javascript using dart js

I want to use the Stripe library on the web flutter. But unfortunately, until now there is still no stripe library available for web flutter. Therefore I try to run javascript on the web flutter, where it will call the stripe-js library (https://stripe.com/docs/js/payment_intents/confirm_card_payment).

What I want to ask, first, is how to use the javascript library on web flutter? like this :

<script src = "https://js.stripe.com/v3/"> </script>

Secondly, how do I call the javascript function on the web flutter? like this :

stripe
   .confirmCardPayment ('{PAYMENT_INTENT_CLIENT_SECRET}', {
     payment_method: {
       card: cardElement,
       billing_details: {
         name: 'Jenny Rosen',
       },
     },
   })
   .then (function (result) {
     // Handle result.error or result.paymentIntent
   });

stripe-js docs: https://stripe.com/docs/js

Thank you

like image 768
Samuel Ricky Saputro Avatar asked Nov 15 '22 19:11

Samuel Ricky Saputro


1 Answers

You need to wrap that in a global variable

window.doStripePayment = (name) => {
    // Your code
}

certify that app.js is loaded with defer

<head>
    <script src="app.js" defer></script>
</head>

And inside flutter do

import 'dart:js' as js;

js.context.callMethod('doStripePayment', ['John Doe']);

Source

like image 157
Nicolas Caous Avatar answered Dec 05 '22 20:12

Nicolas Caous