Marwan800

بتاريخ 20 دقائق مضت قال بلال زيادة:

هل من الممكن إرفاق المشروع الخاص بك ؟ سأعمل على تصميم واجهة سلتي كاملاً بحيث تشبه التصميم الذي تريده مع إرفاق طرق الدفع.

ربي يعطيك العافيه

تفضل اخي المشروع مرفق

flutter_apptests.rar

بتاريخ 5 دقائق مضت قال بلال زيادة:

اخي هاي عبارة عن صورة واحدة بتوضع للزبون انه يمكنك باستخدام باي بال أنك تقدر تدفع من حسابك و ايضا من البطاقة الأئتمانية.

لم تفهم قصدي اخي

انا ارغب بتغير الكود الذي لدي لتكون مثلها ولكن لا اعلم ماذا يجب ان اقوم بتغيره

بتاريخ 48 دقائق مضت قال بلال زيادة:

يمكنك صفحة الدفع تغيير شكلها كيف ما تريد بحيث تضع تحت المجموع أي طريقة دفع, يعني مجرد تغيير ستايل الواجهة الأمر متروك لك كيف تخلي شكل الواجهة.

عند دخول الزبون للدفع عن طريق بي بال, باي بال تخيره الدفع من حسابه أو من بطاقة أئتمانية.

ما بتقدر تغير شكل صفحة بي بال لأنه انتا بتفتحها من ويب فيو في التطبيق.

يعني ماذا يجب علي ان اغير اخي حتى تصبح بشكل الصوره الثانية؟

بتاريخ On 4‏/2‏/2021 at 20:05 قال بلال زيادة:

إذا بتقصد الدفع باستخدام البطاقة الأئتمانية بدون بي بال يجب الأشتراك في بوابة دفع مثل Stripe, Razorpay, 2checkout وغيرها من بوابات الدفع, طبعا كل بوابة دفع لها SDK خاص بالتعامل مع الموبايل, ويمكنك ربط كل بوابة بتطبيقك بشكل كامل بعد قبول حسابك في أي من البوابات هذه. 

أما بخصوص الدفع من خلال حسابي بي بال و أن يقوم العضو بالدفع من البطاقة الأئتمانية الخاصة به إذا كان رابط حساب بي بال ببطاقة أئتمانية فكالتالي كودك بيكون صحيح إذا كان بيعمل بشكل صحيح و أنه بيخصم من الحساب لمن تدفع باستخدام بي بال فحينها لو العضو رابط حسابه البي بال ببطاقة أئتمانية هين بي بال لو كان حسابه ما فيه المبلغ المطلوب بتخليه يقدر يدفع من بطاقته الأئتمانية. 

بتمنى تكون وضحت الفكرة.

مرحبا الغالي

على ما يبدو انني قد طرحت السوال بشكل خاطى سابقا قمت بتعديل السوال من جديد وطرحه بشكل مختلف ياليت لو تكرمت تمر هنا 

وشاكر لك معلوماتك السابقه لك كل الموده

السلام عليكم ورحمة الله وبركاته

تحيه طيبه للجميع 

ي اخوان استعمل كود لدفع بواسطة بوابة PayPal

شكل الصفحة كالتالي الان:

وارغب بتغير شكل تصميم الصفحة الى النظام الجديد ل PayPal للحصول على الخيارات المتاحه مثل الشكل  التالي:

هذا هو تصميم الصفحه التي ارغب بتحول لها وهو يحتوي على خيارين لدفع ايضا وبشكل افضل من السابق

ماذا يجب ان اغير في الكود الخاص فيني؟

الكود المستعمل كالتالي:

import 'package:http/http.dart' as http;
import 'dart:async';
import 'dart:convert' as convert;
import 'package:http_auth/http_auth.dart';

class PaypalServices {

  String domain = "https://api.sandbox.paypal.com"; // for sandbox mode
//  String domain = "https://api.paypal.com"; // for production mode

  // change clientId and secret with your own, provided by paypal
  String clientId = '===============================';
  String secret = '============================';

  // for getting the access token from Paypal
  Future<String> getAccessToken() async {
    try {
      var client = BasicAuthClient(clientId, secret);
      var response = await client.post('$domain/v1/oauth2/token?grant_type=client_credentials');
      if (response.statusCode == 200) {
        final body = convert.jsonDecode(response.body);
        return body["access_token"];

      }

      return null;
    } catch (e) {
      print('sssssssssssss $e');
      rethrow;
    }
  }

  // for creating the payment request with Paypal
  Future<Map<String, String>> createPaypalPayment(
      transactions, accessToken) async {
    try {
      var response = await http.post("$domain/v1/payments/payment",
          body: convert.jsonEncode(transactions),
          headers: {
            "content-type": "application/json",
            'Authorization': 'Bearer ' + accessToken
          });

      final body = convert.jsonDecode(response.body);
      if (response.statusCode == 201) {
        if (body["links"] != null && body["links"].length > 0) {
          List links = body["links"];

          String executeUrl = "";
          String approvalUrl = "";
          final item = links.firstWhere((o) => o["rel"] == "approval_url",
              orElse: () => null);
          if (item != null) {
            approvalUrl = item["href"];
          }
          final item1 = links.firstWhere((o) => o["rel"] == "execute",
              orElse: () => null);
          if (item1 != null) {
            executeUrl = item1["href"];
          }
          return {"executeUrl": executeUrl, "approvalUrl": approvalUrl};
        }
        return null;
      } else {
        throw Exception(body["message"]);
      }
    } catch (e) {
      rethrow;
    }
  }

  // for executing the payment transaction
  Future<String> executePayment(url, payerId, accessToken) async {
    try {
      var response = await http.post(url,
          body: convert.jsonEncode({"payer_id": payerId}),
          headers: {
            "content-type": "application/json",
            'Authorization': 'Bearer ' + accessToken
          });

      final body = convert.jsonDecode(response.body);
      if (response.statusCode == 200) {
        return body["id"];
      }
      return null;
    } catch (e) {
      rethrow;
    }
  }
}

import 'dart:core';
import 'package:flutter/material.dart';
import 'package:shared_preferences/shared_preferences.dart';
import 'package:webview_flutter/webview_flutter.dart';
import 'PaypalServices.dart';


class PaypalPayment extends StatefulWidget {
  var  onFinish;
  PaypalPayment({this.onFinish});
  @override
  State<StatefulWidget> createState() {
    return PaypalPaymentState();
  }
}

class PaypalPaymentState extends State<PaypalPayment> {
  GlobalKey<ScaffoldState> _scaffoldKey = GlobalKey<ScaffoldState>();



  String checkoutUrl;
  String executeUrl;
  String accessToken;
  PaypalServices services = PaypalServices();

  // you can change default currency according to your need
  Map<dynamic,dynamic> defaultCurrency = {"symbol": "USD ", "decimalDigits": 2, "symbolBeforeTheNumber": true, "currency": "USD"};

  bool isEnableShipping = false;
  bool isEnableAddress = false;

  String returnURL = 'return.example.com';
  String cancelURL= 'cancel.example.com';


  @override
  void initState() {
    super.initState();

    Future.delayed(Duration.zero, () async {
      try {
        accessToken = await services.getAccessToken();

        final transactions = getOrderParams();
        final res =
        await services.createPaypalPayment(transactions, accessToken);
        if (res != null) {
          setState(() {
            checkoutUrl = res["approvalUrl"];
            executeUrl = res["executeUrl"];
          });
        }
      } catch (e) {
        print('exception: '+e.toString());
        final snackBar = SnackBar(
          content: Text(e.toString()),
          duration: Duration(seconds: 10),
          action: SnackBarAction(
            label: 'Close',
            onPressed: () {
              // Some code to undo the change.
            },
          ),
        );
        _scaffoldKey.currentState.showSnackBar(snackBar);
      }
    });
  }

  // item name, price and quantity
  String itemName = 'iPhone X';
  String itemPrice = '1.99';
  int quantity = 1;

  Map<String, dynamic> getOrderParams() {
    List items = [
      {
        "name": itemName,
        "quantity": quantity,
        "price": itemPrice,
        "currency": defaultCurrency["currency"]
      }
    ];


    // checkout invoice details
    String totalAmount = '1.99';
    String subTotalAmount = '1.99';
    String shippingCost = '0';
    int shippingDiscountCost = 0;
    String userFirstName = 'Gulshan';
    String userLastName = 'Yadav';
    String addressCity = 'Delhi';
    String addressStreet = 'Mathura Road';
    String addressZipCode = '110014';
    String addressCountry = 'India';
    String addressState = 'Delhi';
    String addressPhoneNumber = '+919990119091';

    Map<String, dynamic> temp = {
      "intent": "sale",
      "payer": {"payment_method": "paypal"},
      "transactions": [
        {
          "amount": {
            "total": totalAmount,
            "currency": defaultCurrency["currency"],
            "details": {
              "subtotal": subTotalAmount,
              "shipping": shippingCost,
              "shipping_discount":
              ((-1.0) * shippingDiscountCost).toString()
            }
          },
          "description": "The payment transaction description.",
          "payment_options": {
            "allowed_payment_method": "INSTANT_FUNDING_SOURCE"
          },
          "item_list": {
            "items": items,
            if (isEnableShipping &&
                isEnableAddress)
              "shipping_address": {
                "recipient_name": userFirstName +
                    " " +
                    userLastName,
                "line1": addressStreet,
                "line2": "",
                "city": addressCity,
                "country_code": addressCountry,
                "postal_code": addressZipCode,
                "phone": addressPhoneNumber,
                "state": addressState
              },
          }
        }
      ],
      "note_to_payer": "Contact us for any questions on your order.",
      "redirect_urls": {
        "return_url": returnURL,
        "cancel_url": cancelURL
      }
    };
    return temp;
  }

  @override
  Widget build(BuildContext context) {
    print(checkoutUrl);

    if (checkoutUrl != null) {
      return Scaffold(
        appBar: AppBar(
          backgroundColor: Theme.of(context).backgroundColor,
          leading: GestureDetector(
            child: Icon(Icons.arrow_back_ios),
            onTap: () => Navigator.pop(context),
          ),
        ),
        body: WebView(
          initialUrl: checkoutUrl,
          javascriptMode: JavascriptMode.unrestricted,
          navigationDelegate: (NavigationRequest request) {
            if (request.url.contains(returnURL)) {
              final uri = Uri.parse(request.url);
              final payerID = uri.queryParameters['PayerID'];
              if (payerID != null) {
                services
                    .executePayment(executeUrl, payerID, accessToken)
                    .then((id) {
                  widget.onFinish(id);
                  Navigator.of(context).pop();
                });
              } else {
                Navigator.of(context).pop();
              }
              Navigator.of(context).pop();
            }
            if (request.url.contains(cancelURL)) {
              Navigator.of(context).pop();
            }
            return NavigationDecision.navigate;
          },
        ),
      );
    } else {
      return Scaffold(
        key: _scaffoldKey,
        appBar: AppBar(
          leading: IconButton(
              icon: Icon(Icons.arrow_back),
              onPressed: () {
                Navigator.of(context).pop();
              }),
          backgroundColor: Colors.black12,
          elevation: 0.0,
        ),
        body: Center(child: Container(child: CircularProgressIndicator())),
      );
    }
  }
}

import 'package:flutter/material.dart';
import 'package:flutter/cupertino.dart';
import 'PaypalPayment.dart';



void main() {
  runApp(MaterialApp(
    title: 'Navigation Basics',
    home: makePayment(),
  ));
}

class makePayment extends StatefulWidget {

  @override
  _makePaymentState createState() => _makePaymentState();
}

class _makePaymentState extends State<makePayment> {
  var number;
  TextStyle style = TextStyle(fontFamily: 'Open Sans', fontSize: 15.0);
  final GlobalKey<ScaffoldState> _scaffoldKey = new GlobalKey<ScaffoldState>();
  @override
  void initState() {
    super.initState();

    number='1.99';

  }

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
        debugShowCheckedModeBanner: false,
        home: new Scaffold(
          backgroundColor: Colors.transparent,
          key: _scaffoldKey,
          appBar: PreferredSize(
            preferredSize: Size.fromHeight(45.0),
            child: new AppBar(
              backgroundColor: Colors.white,
              title: Column(
                mainAxisAlignment: MainAxisAlignment.center,
                children: [
                  Text(
                    'Paypal Payment Example',
                    style: TextStyle(
                        fontSize: 16.0,
                        color: Colors.red[900],
                        fontWeight: FontWeight.bold,
                        fontFamily: 'Open Sans'),
                  ),
                ],
              ),
            ),
          ),
          body:Container(
           //   width: MediaQuery.of(context).size.width,
              child: Container(
                child: Column(
                  crossAxisAlignment: CrossAxisAlignment.center,
                  mainAxisAlignment: MainAxisAlignment.center,
                  children: <Widget>[
                    RaisedButton(
                      onPressed: (){

                        // make PayPal payment

                       // Navigator.of(context).push(MaterialPageRoute(builder: (BuildContext context) => PaypalPayment(onFinish: number) async {
                         Navigator.push(context, MaterialPageRoute(builder: (context) => PaypalPayment(onFinish:number)





                                // payment done
                            //    print('order id: '+number);

                           //   },
                            ),

                        );


                      },
                      child: Text('Pay with Paypal', textAlign: TextAlign.center,),
                    ),

                  ],
                ),
              )
          ),
        )
    );
  }

}

ياليت الذي لديه خبره في الامر يساعدنا

السلام عليكم ورحمة الله وبركاته 

تحيه طيبه للجميع 

لدي كود لدفع الى حساب الباي يبال او تحصيل الاموال من المستخدمين الى الباي يبال 

الان الكود يظهر لي الدفع بواسطة حساب الباي يبال فقط ولكني محتاج الى اضافة زر الدفع بواسطة Debit card

المطلوب مثل الصوره المرفقة:

اما الكود الذي لدي الان يظهر كالتالي:

لا يوجد لدي الان خيار لدفع بواسطة الفيزا او ماستر كارد مثل الصوره الذي في الاعلى

هل يعلم احد ماذا يجب علي ان اضيف حتى احصل على هذا الخيار؟

الكود المستعمل كالتالي:

import 'package:http/http.dart' as http;
import 'dart:async';
import 'dart:convert' as convert;
import 'package:http_auth/http_auth.dart';

class PaypalServices {

  String domain = "https://api.sandbox.paypal.com"; // for sandbox mode
//  String domain = "https://api.paypal.com"; // for production mode

  // change clientId and secret with your own, provided by paypal
  String clientId = '===============================';
  String secret = '============================';

  // for getting the access token from Paypal
  Future<String> getAccessToken() async {
    try {
      var client = BasicAuthClient(clientId, secret);
      var response = await client.post('$domain/v1/oauth2/token?grant_type=client_credentials');
      if (response.statusCode == 200) {
        final body = convert.jsonDecode(response.body);
        return body["access_token"];

      }

      return null;
    } catch (e) {
      print('sssssssssssss $e');
      rethrow;
    }
  }

  // for creating the payment request with Paypal
  Future<Map<String, String>> createPaypalPayment(
      transactions, accessToken) async {
    try {
      var response = await http.post("$domain/v1/payments/payment",
          body: convert.jsonEncode(transactions),
          headers: {
            "content-type": "application/json",
            'Authorization': 'Bearer ' + accessToken
          });

      final body = convert.jsonDecode(response.body);
      if (response.statusCode == 201) {
        if (body["links"] != null && body["links"].length > 0) {
          List links = body["links"];

          String executeUrl = "";
          String approvalUrl = "";
          final item = links.firstWhere((o) => o["rel"] == "approval_url",
              orElse: () => null);
          if (item != null) {
            approvalUrl = item["href"];
          }
          final item1 = links.firstWhere((o) => o["rel"] == "execute",
              orElse: () => null);
          if (item1 != null) {
            executeUrl = item1["href"];
          }
          return {"executeUrl": executeUrl, "approvalUrl": approvalUrl};
        }
        return null;
      } else {
        throw Exception(body["message"]);
      }
    } catch (e) {
      rethrow;
    }
  }

  // for executing the payment transaction
  Future<String> executePayment(url, payerId, accessToken) async {
    try {
      var response = await http.post(url,
          body: convert.jsonEncode({"payer_id": payerId}),
          headers: {
            "content-type": "application/json",
            'Authorization': 'Bearer ' + accessToken
          });

      final body = convert.jsonDecode(response.body);
      if (response.statusCode == 200) {
        return body["id"];
      }
      return null;
    } catch (e) {
      rethrow;
    }
  }
}

import 'dart:core';
import 'package:flutter/material.dart';
import 'package:shared_preferences/shared_preferences.dart';
import 'package:webview_flutter/webview_flutter.dart';
import 'PaypalServices.dart';


class PaypalPayment extends StatefulWidget {
  var  onFinish;
  PaypalPayment({this.onFinish});
  @override
  State<StatefulWidget> createState() {
    return PaypalPaymentState();
  }
}

class PaypalPaymentState extends State<PaypalPayment> {
  GlobalKey<ScaffoldState> _scaffoldKey = GlobalKey<ScaffoldState>();



  String checkoutUrl;
  String executeUrl;
  String accessToken;
  PaypalServices services = PaypalServices();

  // you can change default currency according to your need
  Map<dynamic,dynamic> defaultCurrency = {"symbol": "USD ", "decimalDigits": 2, "symbolBeforeTheNumber": true, "currency": "USD"};

  bool isEnableShipping = false;
  bool isEnableAddress = false;

  String returnURL = 'return.example.com';
  String cancelURL= 'cancel.example.com';


  @override
  void initState() {
    super.initState();

    Future.delayed(Duration.zero, () async {
      try {
        accessToken = await services.getAccessToken();

        final transactions = getOrderParams();
        final res =
        await services.createPaypalPayment(transactions, accessToken);
        if (res != null) {
          setState(() {
            checkoutUrl = res["approvalUrl"];
            executeUrl = res["executeUrl"];
          });
        }
      } catch (e) {
        print('exception: '+e.toString());
        final snackBar = SnackBar(
          content: Text(e.toString()),
          duration: Duration(seconds: 10),
          action: SnackBarAction(
            label: 'Close',
            onPressed: () {
              // Some code to undo the change.
            },
          ),
        );
        _scaffoldKey.currentState.showSnackBar(snackBar);
      }
    });
  }

  // item name, price and quantity
  String itemName = 'iPhone X';
  String itemPrice = '1.99';
  int quantity = 1;

  Map<String, dynamic> getOrderParams() {
    List items = [
      {
        "name": itemName,
        "quantity": quantity,
        "price": itemPrice,
        "currency": defaultCurrency["currency"]
      }
    ];


    // checkout invoice details
    String totalAmount = '1.99';
    String subTotalAmount = '1.99';
    String shippingCost = '0';
    int shippingDiscountCost = 0;
    String userFirstName = 'Gulshan';
    String userLastName = 'Yadav';
    String addressCity = 'Delhi';
    String addressStreet = 'Mathura Road';
    String addressZipCode = '110014';
    String addressCountry = 'India';
    String addressState = 'Delhi';
    String addressPhoneNumber = '+919990119091';

    Map<String, dynamic> temp = {
      "intent": "sale",
      "payer": {"payment_method": "paypal"},
      "transactions": [
        {
          "amount": {
            "total": totalAmount,
            "currency": defaultCurrency["currency"],
            "details": {
              "subtotal": subTotalAmount,
              "shipping": shippingCost,
              "shipping_discount":
              ((-1.0) * shippingDiscountCost).toString()
            }
          },
          "description": "The payment transaction description.",
          "payment_options": {
            "allowed_payment_method": "INSTANT_FUNDING_SOURCE"
          },
          "item_list": {
            "items": items,
            if (isEnableShipping &&
                isEnableAddress)
              "shipping_address": {
                "recipient_name": userFirstName +
                    " " +
                    userLastName,
                "line1": addressStreet,
                "line2": "",
                "city": addressCity,
                "country_code": addressCountry,
                "postal_code": addressZipCode,
                "phone": addressPhoneNumber,
                "state": addressState
              },
          }
        }
      ],
      "note_to_payer": "Contact us for any questions on your order.",
      "redirect_urls": {
        "return_url": returnURL,
        "cancel_url": cancelURL
      }
    };
    return temp;
  }

  @override
  Widget build(BuildContext context) {
    print(checkoutUrl);

    if (checkoutUrl != null) {
      return Scaffold(
        appBar: AppBar(
          backgroundColor: Theme.of(context).backgroundColor,
          leading: GestureDetector(
            child: Icon(Icons.arrow_back_ios),
            onTap: () => Navigator.pop(context),
          ),
        ),
        body: WebView(
          initialUrl: checkoutUrl,
          javascriptMode: JavascriptMode.unrestricted,
          navigationDelegate: (NavigationRequest request) {
            if (request.url.contains(returnURL)) {
              final uri = Uri.parse(request.url);
              final payerID = uri.queryParameters['PayerID'];
              if (payerID != null) {
                services
                    .executePayment(executeUrl, payerID, accessToken)
                    .then((id) {
                  widget.onFinish(id);
                  Navigator.of(context).pop();
                });
              } else {
                Navigator.of(context).pop();
              }
              Navigator.of(context).pop();
            }
            if (request.url.contains(cancelURL)) {
              Navigator.of(context).pop();
            }
            return NavigationDecision.navigate;
          },
        ),
      );
    } else {
      return Scaffold(
        key: _scaffoldKey,
        appBar: AppBar(
          leading: IconButton(
              icon: Icon(Icons.arrow_back),
              onPressed: () {
                Navigator.of(context).pop();
              }),
          backgroundColor: Colors.black12,
          elevation: 0.0,
        ),
        body: Center(child: Container(child: CircularProgressIndicator())),
      );
    }
  }
}

import 'package:flutter/material.dart';
import 'package:flutter/cupertino.dart';
import 'PaypalPayment.dart';



void main() {
  runApp(MaterialApp(
    title: 'Navigation Basics',
    home: makePayment(),
  ));
}

class makePayment extends StatefulWidget {

  @override
  _makePaymentState createState() => _makePaymentState();
}

class _makePaymentState extends State<makePayment> {
  var number;
  TextStyle style = TextStyle(fontFamily: 'Open Sans', fontSize: 15.0);
  final GlobalKey<ScaffoldState> _scaffoldKey = new GlobalKey<ScaffoldState>();
  @override
  void initState() {
    super.initState();

    number='1.99';

  }

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
        debugShowCheckedModeBanner: false,
        home: new Scaffold(
          backgroundColor: Colors.transparent,
          key: _scaffoldKey,
          appBar: PreferredSize(
            preferredSize: Size.fromHeight(45.0),
            child: new AppBar(
              backgroundColor: Colors.white,
              title: Column(
                mainAxisAlignment: MainAxisAlignment.center,
                children: [
                  Text(
                    'Paypal Payment Example',
                    style: TextStyle(
                        fontSize: 16.0,
                        color: Colors.red[900],
                        fontWeight: FontWeight.bold,
                        fontFamily: 'Open Sans'),
                  ),
                ],
              ),
            ),
          ),
          body:Container(
           //   width: MediaQuery.of(context).size.width,
              child: Container(
                child: Column(
                  crossAxisAlignment: CrossAxisAlignment.center,
                  mainAxisAlignment: MainAxisAlignment.center,
                  children: <Widget>[
                    RaisedButton(
                      onPressed: (){

                        // make PayPal payment

                       // Navigator.of(context).push(MaterialPageRoute(builder: (BuildContext context) => PaypalPayment(onFinish: number) async {
                         Navigator.push(context, MaterialPageRoute(builder: (context) => PaypalPayment(onFinish:number)





                                // payment done
                            //    print('order id: '+number);

                           //   },
                            ),

                        );


                      },
                      child: Text('Pay with Paypal', textAlign: TextAlign.center,),
                    ),

                  ],
                ),
              )
          ),
        )
    );
  }

}

بتاريخ 20 دقائق مضت قال بلال زيادة:

يمكنك النظر إلى التوثيق الخاص لشركة paypal و قراءة كيفية ربط paypal مع التطبيق الخاص بك.

والله ي غالي انا خبرتي شويه قليله في هذا الامر افتكرت لديك مثال على ذلك

بتاريخ 6 ساعات قال بلال زيادة:

صحيح يمكن وضع قيم ثابتة ولا يمكن للعضو مشاهدة هذه البيانات, الأمر مبني على كيفية استخدامك للبيانات و هل تريد عرضها ام لا.

اسعد الله صباحك اخوي

اشكرك على الافاده ولكن لو تكرمت هل لديك كود الربط بين الباي يبال الزر والكود الذي ف الاعلى؟

بتاريخ 8 دقائق مضت قال بلال زيادة:

ممكن تجعل المستخدم يقوم بتعديل وحفظ البيانات مرة واحدة, ومن ثم تقوم في  واجهة الدفع بعرض فقط وسيلة الدفع بدون عرض فورم لتعبئة البيانات مثل بيانات العنوان والاسم و معلومات الشحن, فقط تقوم بجلب البيانات من model الخاص باليوزر بعد أن تحفظ البيانات بداخله مثلاً. 

طبعا يتم تمرير بيانات المستخدم من api الي بيرجع بيانات المستخدم إلى class model و عن طريق class model يمكن جلب البيانات. 

هناك طريقة أخرى هي فصل الواجهات فمثلا واجهة لتعبئة البيانات الشخصية تحتوي على الاسم والبريد الإلكتروني و باقي المعلومات, و من الواجهة الثانية تكون تعبئة معلومات وعنوان الشحن كاملا, و في اخر واجهة تعرض طريقة الدفع المختارة.

الفكرة هي استغلال البيانات التي تمررها لأي كلاس Model مسؤول عن أي واجهة. 

فمثلا في لغة فلاتر أقوم بعمل التالي 

عندي كلاس model لمعلومات الزبون أو العضو 

class CustomerDetailModel {
  int id;
  String firstName;
  String lastName;
  String email;
  Billing billing;
  Shipping shipping;

  CustomerDetailModel(
      {this.id, this.firstName, this.lastName, this.email, this.billing, this.shipping});

  CustomerDetailModel.fromJson(Map<String, dynamic> json) {
    id = json['id'];
    firstName = json['first_name'];
    lastName = json['last_name'];
    email = json['email'];
    billing =
        json['billing'] != null ? new Billing.fromJson(json['billing']) : null;
    shipping = json['shipping'] != null
        ? new Shipping.fromJson(json['shipping'])
        : null;
  }
}

class Billing {
  String firstName;
  String lastName;
  String company;
  String address1;
  String address2;
  String city;
  String postcode;
  String country;
  String state;
  String email;
  String phone;

  Billing(
      {this.firstName,
      this.lastName,
      this.company,
      this.address1,
      this.address2,
      this.city,
      this.postcode,
      this.country,
      this.state,
      this.email,
      this.phone});

  Billing.fromJson(Map<String, dynamic> json) {
    firstName = json['first_name'];
    lastName = json['last_name'];
    company = json['company'];
    address1 = json['address_1'];
    address2 = json['address_2'];
    city = json['city'];
    postcode = json['postcode'];
    country = json['country'];
    state = json['state'];
    email = json['email'];
    phone = json['phone'];
  }

  Map<String, dynamic> toJson(){
    final Map<String, dynamic> data = new Map<String, dynamic>();
    data['first_name'] = this.firstName;
    data['last_name'] = this.lastName;
    data['company'] = this.company;
    data['address_1'] = this.address1;
    data['address_2'] = this.address2;
    data['city'] = this.city;
    data['postcode'] = this.postcode;
    data['country'] = this.country;
    data['state'] = this.state;
    data['email'] = this.email;
    data['phone'] = this.phone;
    return data;
  }
}

class Shipping {
  String firstName;
  String lastName;
  String company;
  String address1;
  String address2;
  String city;
  String postcode;
  String country;
  String state;

  Shipping(
      {this.firstName,
        this.lastName,
        this.company,
        this.address1,
        this.address2,
        this.city,
        this.postcode,
        this.country,
        this.state,});

  Shipping.fromJson(Map<String, dynamic> json) {
    firstName = json['first_name'];
    lastName = json['last_name'];
    company = json['company'];
    address1 = json['address_1'];
    address2 = json['address_2'];
    city = json['city'];
    postcode = json['postcode'];
    country = json['country'];
    state = json['state'];
  }

  Map<String, dynamic> toJson(){
    final Map<String, dynamic> data = new Map<String, dynamic>();
    data['first_name'] = this.firstName;
    data['last_name'] = this.lastName;
    data['company'] = this.company;
    data['address_1'] = this.address1;
    data['address_2'] = this.address2;
    data['city'] = this.city;
    data['postcode'] = this.postcode;
    data['country'] = this.country;
    data['state'] = this.state;
    return data;
  }
}

و عندما أريد استخدام البيانات التي تم تمريرها إلى كلاس Model في واجهة الدفع كالتالي

  

class OrderModel {
  OrderModel({
    this.id,
    this.parentId,
    this.number,
    this.orderKey,
    this.total,
    this.billing,
    this.shipping,
    this.paymentMethod,
    this.paymentMethodTitle,
    this.transactionId,
  });

  int id;
  int parentId;
  String number;
  String orderKey;
  String total;
  String totalTax;
  Ing billing;
  Ing shipping;
  String paymentMethod;
  String paymentMethodTitle;
  String transactionId;

  factory OrderModel.fromJson(Map<String, dynamic> json) => OrderModel(
        id: json["id"],
        parentId: json["parent_id"],
        number: json["number"],
        orderKey: json["order_key"],
        shippingTotal: json["shipping_total"],
        shippingTax: json["shipping_tax"],
        total: json["total"],
        totalTax: json["total_tax"],
        billing: Ing.fromJson(json["billing"]),
        shipping: Ing.fromJson(json["shipping"]),
        paymentMethod: json["payment_method"],
        paymentMethodTitle: json["payment_method_title"],
        transactionId: json["transaction_id"],
      );

  Map<String, dynamic> toJson() => {
        "id": id,
        "parent_id": parentId,
        "number": number,
        "order_key": orderKey,
        "shipping_total": shippingTotal,
        "shipping_tax": shippingTax,
        "total": total,
        "total_tax": totalTax,
        "billing": billing.toJson(),
        "shipping": shipping.toJson(),
        "payment_method": paymentMethod,
        "payment_method_title": paymentMethodTitle,
        "transaction_id": transactionId,
      };
}

void createOrder() async {
    if(_ordersModel.shipping == null){
      _ordersModel.shipping = this.customerDetailModel.shipping;
    }

    if(this.customerDetailModel.shipping != null){
      _ordersModel.shipping = this.customerDetailModel.shipping;
    }

	if(_ordersModel.billing == null){
      _ordersModel.billing = this.customerDetailModel.billing;
    }

    if(this.customerDetailModel.billing != null){
      _ordersModel.billing = this.customerDetailModel.billing;
    }

    if(ordersModel.lineItems == null){
      _ordersModel.lineItems = new List<LineItems>();
    }

}

جميع الأمثلة الموضحة مكتوبة بلغة Flutter

اشكرك على التوضيح اخي

استفسار بس لو تكرمت

هل يمكني وضع قيم ثابته؟

بمعنى سوف اقوم بتعئبة الحقول الزايده في الخلفيه بدون تدخل المستخدم

وان لا يعلم بهن

هو فقط،سوف يشاهد بيانات الفيزا؟

برايك هذا الامر ينجح؟بحيث اني سوف اقوم بتثبيت بياناتي الشخصيه في كل الطلبات

السلام عليكم ورحمة الله وبركاته تحيه طيبه

استفسار لو تكرمتو ي اخوان

مثلا لو كنت اعمل تطبيق لجمع التبرعات على سبيل المثال وقمت باستخدام بوابة paypal

الدفع من خلال Smart Payment Buttons

صورة لتوضيح:

هذا الزر الذي من خلاله نستطيع الدفع عن طريق الفيزا الى الباي بيال 

سوالي كيف ممكن ادفع عن طريق بيانات الفيزا بدون ظهور او اجبار المستخدم على تعبئة الحقول الاخرى

من غير المنطق ان اجعل المستخدم الذي اتى مثلا من اجل التبرع او شراء خدمه من تطبيقي ان يدخل بيانات شحن وهاتف نقال وعنوان الخ.. هو ليس في حاجه الى هذا البيانات لن ينقل شي 

ما هيا الطريقة لفعل ذلك ا ما هو الحل لتقليلل هذا الحقول الغير مطلوبه ؟

ربي يعطيكم الف عافيه 

تم ايجاد الحل اضافة الكود التالي تحل كل المشكله :

في المسار التالي:android/build.gradle

subprojects {
    project.buildDir = "${rootProject.buildDir}/${project.name}"

    project.evaluationDependsOn(':app')

    afterEvaluate {project ->
        if (project.hasProperty("android") && project.property("android").compileSdkVersion.equals("android-R")) {
            android {
                compileSdkVersion 30
            }
        }
    }
}

بتاريخ 13 دقائق مضت قال بلال زيادة:

قم بتشغيل الأمر في terminals و التحقق من أن كل شيء يعمل بشكل صحيح عن طريق الأمر التالي 

flutter doctor 

وإذا ظهرت أخطاء هل من الممكن تزويدي بها.

أيضا يمكن في المسار التالي android/build.gradle تغيير 

android {
	compileSdkVersion 30
}

 

مرحبا اخي قمت بتغير الى 30 ولكن لم تحل المشكلة 

بنسبة الى الخيار الثاني هذا التقرير

Doctor summary (to see all details, run flutter doctor -v):
[√] Flutter (Channel stable, 1.22.5, on Microsoft Windows [Version 10.0.18363.1256], locale ar-OM)

[√] Android toolchain - develop for Android devices (Android SDK version 30.0.2)
[!] Android Studio (version 4.1.0)
    X Flutter plugin not installed; this adds Flutter specific functionality.
    X Dart plugin not installed; this adds Dart specific functionality.
[√] VS Code (version 1.52.1)
[√] Connected device (1 available)

! Doctor found issues in 1 category.

هل تأكدت من تنزيل SDK Android 11.0 (R) ؟ 

أيضا كل شيء على ما يرام في التقرير, تحتاج إلى تشغيل الأمر flutter clean و من ثم تقوم بتشغيل التطبيق مرة أخرى.

السلام عليكم ورحمة الله وبركاته

تحيه طيبه للجميع 

لدي استفسار لو تكرمتو اذا احد يعرف سبب المشكلة 

احاول تشغيل سورس كود لدي وتظهر المشكلة التالية:

* What went wrong:
Could not determine the dependencies of task ':app_settings:compileDebugAidl'.
> Failed to find Platform SDK with path: platforms;android-R

هل يعلم احد كيفية حلها؟

مع العلم ان :

    minSdkVersion 19
        targetSdkVersion 28

بتاريخ 1 دقيقة مضت قال Wael Aljamal:

تابع حل المشكلة لتعرف السبب،

على كل حال يمكنك تجريب flutter_pay يوجد جدول في الأسفل يوضح التقنيات التي تعمل معها و تتوفر visa لكلا نظامي android + ios

وجدت أيضا: stripe_sdk و stripe_payment

بالتوفيق

الغريب في الامر ان من طور الباكج قام برفع نسخة على github قمت بتجربتها وهيا تحتوي على نفس المشكلة

بتاريخ 2 ساعات قال Wael Aljamal:

مرحبا مجددا،

تأتي قيمة applicationId من build.gradle في moudle في قسم الأندرويد ابحث عن الجزئية التالية وعدل الاسم حسبها:

أرجو الانتباه للتوافق

انظر للجزء 
applicationId "com.example.myapp"


android {
    defaultConfig {
        applicationId "com.example.myapp"
        minSdkVersion 15
        targetSdkVersion 24
        versionCode 1
        versionName "1.0"
    }
    ...
}

وبهذه الحالة سوق يتم قراءة معرف التطبيق applicationId من Gradle ثم إسنادها إلى androidMainfest

أي اترك العبارة التالية مثلما هي:

<data android:scheme="${applicationId}.braintree" />

في الجزء

<activity android:name="com.braintreepayments.api.BraintreeBrowserSwitchActivity"
    android:launchMode="singleTask">
    <intent-filter>
        <action android:name="android.intent.action.VIEW" />
        <category android:name="android.intent.category.DEFAULT" />
        <category android:name="android.intent.category.BROWSABLE" />
        <data android:scheme="${applicationId}.braintree" />
    </intent-filter>
</activity>

شكرا لك

على ما يبدو ان الامر لن ينجح ابدا اخي اسمحلي تعبتك لدي

استفسار فقط لو سمحت الا توجد طريقة للقيام بذلك بشكل مختلف؟ اقصد الدفع بواسطة الفيزا من خلال فلاتر الى paypal؟

بتاريخ 6 دقائق مضت قال Wael Aljamal:

مرحبا مروان،

هل قمت بربط التطبيق مع الخدمة بشكل صحيح في الجزء التالي:

<activity android:name="com.braintreepayments.api.BraintreeBrowserSwitchActivity"
    android:launchMode="singleTask">
    <intent-filter>
        <action android:name="android.intent.action.VIEW" />
        <category android:name="android.intent.category.DEFAULT" />
        <category android:name="android.intent.category.BROWSABLE" />
        <data android:scheme="${applicationId}.braintree" />
    </intent-filter>
</activity>

حيث يوجد قيود في حقل applicationId: يقول:

Important: Your app's URL scheme must begin with your app's package ID
and end with .braintree. 
For example, if the Package ID is com.your-company.your-app,
then your URL scheme should be com.your-company.your-app.braintree. ${applicationId}
is automatically applied with your app's package when using Gradle.
Note: The scheme you define must use all lowercase letters.
If your package contains underscores, the underscores should be removed when specifying
the scheme in your Android Manifest.

أظن أنه عليك تعديل هذه الجزئية لإتمام عملية التحقق من أن التطبيق يتبع لنفس الحساب.

(يجب أن تحوي على حروف صغيرة فقط و بدون شرطة سفلية)

 

اهلا اخي

قمت بوضعها بشكل التالي:

<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="com.example.flutter_appbbb">
    <!-- io.flutter.app.FlutterApplication is an android.app.Application that
         calls FlutterMain.startInitialization(this); in its onCreate method.
         In most cases you can leave this as-is, but you if you want to provide
         additional functionality it is fine to subclass or reimplement
         FlutterApplication and put your custom class here. -->
    <application
        android:name="io.flutter.app.FlutterApplication"
        android:label="flutter_appbbb"
        android:icon="@mipmap/ic_launcher">
        <activity
            android:name=".MainActivity"
            android:launchMode="singleTop"
            android:theme="@style/LaunchTheme"
            android:configChanges="orientation|keyboardHidden|keyboard|screenSize|smallestScreenSize|locale|layoutDirection|fontScale|screenLayout|density|uiMode"
            android:hardwareAccelerated="true"
            android:windowSoftInputMode="adjustResize">
            <!-- Specifies an Android theme to apply to this Activity as soon as
                 the Android process has started. This theme is visible to the user
                 while the Flutter UI initializes. After that, this theme continues
                 to determine the Window background behind the Flutter UI. -->
            <meta-data
              android:name="io.flutter.embedding.android.NormalTheme"
              android:resource="@style/NormalTheme"
              />
            <!-- Displays an Android View that continues showing the launch screen
                 Drawable until Flutter paints its first frame, then this splash
                 screen fades out. A splash screen is useful to avoid any visual
                 gap between the end of Android's launch screen and the painting of
                 Flutter's first frame. -->
            <meta-data
              android:name="io.flutter.embedding.android.SplashScreenDrawable"
              android:resource="@drawable/launch_background"
              />
            <intent-filter>
                <action android:name="android.intent.action.MAIN"/>
                <category android:name="android.intent.category.LAUNCHER"/>
            </intent-filter>
        </activity>
        <!-- Don't delete the meta-data below.
             This is used by the Flutter tool to generate GeneratedPluginRegistrant.java -->
        <activity android:name="com.braintreepayments.api.BraintreeBrowserSwitchActivity"
            android:launchMode="singleTask">
            <intent-filter>
                <action android:name="android.intent.action.VIEW" />
                <category android:name="android.intent.category.DEFAULT" />
                <category android:name="android.intent.category.BROWSABLE" />
                <data android:scheme="com.example.flutter_appbbb.braintree" />
            </intent-filter>
        </activity>
        <meta-data android:name="com.google.android.gms.wallet.api.enabled" android:value="true"/>

        <meta-data
            android:name="flutterEmbedding"
            android:value="2" />
    </application>
</manifest>

السلام عليكم ورحمة الله وبركاته

تحيه طيبه للجميع

قمت بستعمال الاضافة التالية:

https://pub.dev/packages/flutter_braintree

اتبعت كل الخطوات الموضحه في الشرح والتطبيق شغال الان ويتم عرض اربع ازرار . 

ايضا قمت بعمل حساب في :

Sign up for the sandbox

وبعد انشاء الحساب قمت باخذ tokenizationKey من الحساب 

وتم اضافته في الاضافة flutter_braintree حسب الشرح في الخانة المطلوبة 

الان بعد تشغيل الكود اقوم بضغط على زر  LAUNCH NATIVE DROP-IN

ويتم من خلالها طلب طريقة الدفع قمت بادخال بطاقة لتجربة من وثيقة flutter_braintree كالتالي:

 cardNumber: '4111111111111111',
  expirationMonth: '12',
  expirationYear: '2021',

بعد تسجيل بيانات البطاقة يظهر لدي showDialog التالي:

D/****MAGNES DEBUGGING MESSAGE****(14717): DeviceInfoRequest returned PayPal-Debug-Id: 0063c04d20777
I/AppCompatViewInflater(14717): app:theme is now deprecated. Please move to using android:theme instead.
I/AssistStructure(14717): Flattened final assist data: 4584 bytes, containing 1 windows, 21 views
W/IInputConnectionWrapper(14717): getTextBeforeCursor on inactive InputConnection
I/AssistStructure(14717): Flattened final assist data: 7248 bytes, containing 2 windows, 35 views
W/IInputConnectionWrapper(14717): getSelectedText on inactive InputConnection
W/IInputConnectionWrapper(14717): getTextAfterCursor on inactive InputConnection
W/ViewRootImpl[AddCardActivity](14717): Cancelling event due to no window focus: KeyEvent { action=ACTION_UP, keyCode=KEYCODE_1, scanCode=2, metaState=0, flags=0x28, repeatCount=0, eventTime=211456777, downTime=211456777, deviceId=0, source=0x101, displayId=-1 }
W/IInputConnectionWrapper(14717): getTextBeforeCursor on inactive InputConnection
W/IInputConnectionWrapper(14717): getSelectedText on inactive InputConnection
W/IInputConnectionWrapper(14717): getTextAfterCursor on inactive InputConnection
I/chatty  (14717): uid=10175(com.example.flutter_appbbb) identical 4 lines
W/ViewRootImpl[AddCardActivity](14717): Cancelling event due to no window focus: KeyEvent { action=ACTION_UP, keyCode=KEYCODE_1, scanCode=2, metaState=0, flags=0x28, repeatCount=0, eventTime=211456777, downTime=211456777, deviceId=0, source=0x101, displayId=-1 }
W/InputEventReceiver(14717): Attempted to finish an input event but the input event receiver has already been disposed.
D/****MAGNES DEBUGGING MESSAGE****(14717): DeviceInfoRequest returned PayPal-Debug-Id: d653db1f48862

ثم لا يحدث شي لا اعلم ما هو سبب المشكلة ولكن العملية تتوقف هنا ولا يوجد رصيد تم اضافته في حساب paypal 

هل في احد يعرف سبب حدوث هذا المشكلة ؟

الكود كامل:

import 'package:flutter/material.dart';
import 'package:flutter_braintree/flutter_braintree.dart';

void main() => runApp(
  MaterialApp(
    home: MyApp(),
  ),
);

class MyApp extends StatefulWidget {
  @override
  _MyAppState createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  static final String tokenizationKey = '************';

  void showNonce(BraintreePaymentMethodNonce nonce) {
    showDialog(
      context: context,
      builder: (_) => AlertDialog(
        title: Text('Payment method nonce:'),
        content: Column(
          mainAxisSize: MainAxisSize.min,
          crossAxisAlignment: CrossAxisAlignment.stretch,
          children: <Widget>[
            Text('Nonce: ${nonce.nonce}'),
            SizedBox(height: 16),
            Text('Type label: ${nonce.typeLabel}'),
            SizedBox(height: 16),
            Text('Description: ${nonce.description}'),
          ],
        ),
      ),
    );
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text('Braintree example app'),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            RaisedButton(
              onPressed: () async {
                var request = BraintreeDropInRequest(
                  tokenizationKey: tokenizationKey,
                  collectDeviceData: true,
                  googlePaymentRequest: BraintreeGooglePaymentRequest(
                    totalPrice: '0.01',
                    currencyCode: 'USD',
                    billingAddressRequired: false,
                  ),
                  paypalRequest: BraintreePayPalRequest(
                    amount: '0.01',
                    displayName: 'Example company',
                  ),
                  cardEnabled: true,
                );
                BraintreeDropInResult result =
                await BraintreeDropIn.start(request);
                if (result != null) {
                  showNonce(result.paymentMethodNonce);
                }
              },
              child: Text('LAUNCH NATIVE DROP-IN'),
            ),
            RaisedButton(
              onPressed: () async {
                final request = BraintreeCreditCardRequest(
                  cardNumber: '4111111111111111',
                  expirationMonth: '12',
                  expirationYear: '2021',
                );
                BraintreePaymentMethodNonce result =
                await Braintree.tokenizeCreditCard(
                  tokenizationKey,
                  request,
                );
                if (result != null) {
                  showNonce(result);
                }
              },
              child: Text('TOKENIZE CREDIT CARD'),
            ),
            RaisedButton(
              onPressed: () async {
                final request = BraintreePayPalRequest(
                  billingAgreementDescription:
                  'I hereby agree that flutter_braintree is great.',
                  displayName: 'Your Company',
                );
                BraintreePaymentMethodNonce result =
                await Braintree.requestPaypalNonce(
                  tokenizationKey,
                  request,
                );
                if (result != null) {
                  showNonce(result);
                }
              },
              child: Text('PAYPAL VAULT FLOW'),
            ),
            RaisedButton(
              onPressed: () async {
                final request = BraintreePayPalRequest(amount: '0.01');
                BraintreePaymentMethodNonce result =
                await Braintree.requestPaypalNonce(
                  tokenizationKey,
                  request,
                );
                if (result != null) {
                  showNonce(result);
                }
              },
              child: Text('PAYPAL CHECKOUT FLOW'),
            ),
          ],
        ),
      ),
    );
  }
}

بتاريخ On 27‏/1‏/2021 at 21:54 قال Wael Aljamal:

مرحبا مروان،

• يمكنك تضمين WebView في التطبيق واستعمال web sdk من paypal.
• يوجد مكتبة تدعى flutter_braintree مهمتها عمل المناقلات المالية موجودة مع التوثيق على pub.dev يمكنك مراجعتها من الرابط flutter_braintree.

Braintree هو معالج الدفع المقدم من Paypal لقبول المدفوعات الآمنة والآمنة مع ميزة Drop-in UI وتصميم واجهة المستخدم المخصص. كما يوفر ميزة Apple Pay و Google Pay لقبول المدفوعات.

الخطوات:

1. افتح حساب Braintree Sandbox

2. احصل على مفتاح الترميز من حساب Braintree

3. أضف تبعيات flutter_braintree في ملف pubspec.yaml الخاص بك

4. إنشاء واجهة مستخدم مخصصة

5. بطاقة ائتمان Paypal: تقبل ما يلي من المستخدم أ. رقم البطاقة ب. انتهاء شهر ج. سنة انتهاء الصلاحية

6. احصل على NONCE من Braintree بعد الدفع الناجح واحصل على رسالة الفشل عند إلغاء دفع Paypal من قبل المستخدم.

7. احفظ هذا NONCE للرجوع إليه في المستقبل في قاعدة البيانات الخاصة بك.

• الشيفرة البرمجية موجودة في التوثيق.

يمكنك قراءة مقالة بعنوان Paypal Payment Gateway Integration in Flutter مقدمة من Medium تحوي طريقة أيضا للدفع.

بالتوفيق

اهلا اخي

قمت بكل شي تقريبا وكل شي تمام 100/100 

اعمل دفع وادخل البطاقة الموضوحه في التوثيق الخاصة بالاضافة

وبعدها احصل على الشعار التالي:

قمت بمشاهدة Last Used On الخاصة بالاضافة من خلال حسابي حتى اتاكد ان الربط شغال وقد تحدث فعلا التاريخ بمعنى ان الاضافة شغالة 

ولكن المشكلة الان: قمت بعرض حسابي في Paypal ولم اجد اي اموال قد تم اضافتها الى حسابي مع العلم اني قمت ايضا بمحاولة دفع من خلال بطاقتي البنكيه الشخصيه وقد حدث لدي نفس الفعل السابق بضبط

ماذا يجب ان افعل الان اخي؟او ما هو توقعك للمشكلة الموجوده؟ مع العلم ايضا انني قمت بعمل تفعيل لحساب Paypal في حساب الاضافة 

بتاريخ 6 دقائق مضت قال Wael Aljamal:

هذه ليست تعليمة برمجية، ما قصدته هو من قائمة file في أندرويد استديو تختار invalidate Cahces/restart

ليتم حذف الملفات المؤقتة من المشروع.

---------------

حسب توصيات المكتبة و لعمل توافق بينها و بين gradle نصحو بالتالي:

تحديد أقل نسخة تطوير ل 21
In /app/build.gradle, set your minSdkVersion to at least 21.


و تحديد إصدار المكتبة
dependencies:
  flutter_braintree: 0.6.0

قبل ذلك حاول حذف +1 من إصدار المكتبة.

كل هذه مشاكل توافقية و علينا تجريب تغييرهم

مرحبا اخي

اعتذر لم افهم اول خطوه في البدايه نعم 

قمت بعملها الان

بنسبة الى اقل اصدار كنت عامله 21 

ولكن بعد تغير الى الاصدار 0.6.0 اختفت المشكلة نعم

يعطيك الف عافيه اخوي

بتاريخ 9 دقائق مضت قال Wael Aljamal:

ما القيمة المقابلة لديك في مشروع أندرويد :

classpath 'com.android.tools.build:Gradle:3.5.0'

أرجو تنفيذ التعليمة:

android stuio: file->invalidate Cahces/restart

شكرا

القيمة نفسها نعم لدي

بنسبة للكود الثاني بعد تنفيذه احصل على التالي:

android : The term 'android' is not recognized as the name of a cmdlet, function, script file, or operable program. Check the spelling of the name, or if a path 
was included, verify that the path is correct and try again.
At line:1 char:1
+ android stuio: file->invalidate Cahces/restart
+ ~~~~~~~
    + CategoryInfo          : ObjectNotFound: (android:String) [], CommandNotFoundException
    + FullyQualifiedErrorId : CommandNotFoundException

بتاريخ 28 دقائق مضت قال Wael Aljamal:

مرحبا مروان،

سنحاول تحديد إصدار المكتبة بعد إزالة ^ من إصدار المكتبة:

dependencies:
  flutter_braintree: ^1.1.0+1


لتصبح 


dependencies:
  flutter_braintree: 1.1.0+1

ثم إعادة تنفيد :

flutter pub cache repair


ثم


flutter pub get

شكرا لك

اهلا بيك عزيزي

مع الاسف الغالي الامر لم ينجح ما تزال المشكلة موجوده ولم يتغير شي في رسالة الخطاء

السلام عليكم ورحمة الله وبركاته

تحيه طيبه للجميع يا اخواني

احاول استعمال الباكج التالي من فلاتر:

https://pub.dev/packages/flutter_braintree

ولكن كل ما اقوم بادراج الاضافة في ملف yaml تواجهني المشكلة التاليه:

FAILURE: Build failed with an exception.

* What went wrong:
Could not determine the dependencies of task ':flutter_braintree:compileDebugAidl'.
> Could not resolve all task dependencies for configuration ':flutter_braintree:debugCompileClasspath'.
   > Could not find org.jfrog.cardinalcommerce.gradle:cardinalmobilesdk:2.2.4-1.
     Required by:
         project :flutter_braintree > com.braintreepayments.api:three-d-secure:3.14.2

حاولت تغير المشروع وعمل مشروع جديد وقمت باضافة كل شي تقريبا مطلوب مني ولكن المشكلة لم تذهب

هل يعلم احد سبب المشكلة ؟ ام واجهته من قبل؟

بتاريخ 1 دقيقة مضت قال Wael Aljamal:

نستعمل web view عندما نريد عرض صفحة ويب ضمن التطبيق قد تكون مبرمجة مسبقا لاختصار عمل الدفع في التطبيق.

هذه مكتبة برمجية فقط مقدمة من شركة تملكها باي بال. يمكنك فتح الرابط التالي وقراءة تفاصيل braintree-pricing

كل الشكر لك الغالي

بتاريخ 43 دقائق مضت قال Wael Aljamal:

مرحبا مروان،

• يمكنك تضمين WebView في التطبيق واستعمال web sdk من paypal.
• يوجد مكتبة تدعى flutter_braintree مهمتها عمل المناقلات المالية موجودة مع التوثيق على pub.dev يمكنك مراجعتها من الرابط flutter_braintree.

Braintree هو معالج الدفع المقدم من Paypal لقبول المدفوعات الآمنة والآمنة مع ميزة Drop-in UI وتصميم واجهة المستخدم المخصص. كما يوفر ميزة Apple Pay و Google Pay لقبول المدفوعات.

الخطوات:

1. افتح حساب Braintree Sandbox

2. احصل على مفتاح الترميز من حساب Braintree

3. أضف تبعيات flutter_braintree في ملف pubspec.yaml الخاص بك

4. إنشاء واجهة مستخدم مخصصة

5. بطاقة ائتمان Paypal: تقبل ما يلي من المستخدم أ. رقم البطاقة ب. انتهاء شهر ج. سنة انتهاء الصلاحية

6. احصل على NONCE من Braintree بعد الدفع الناجح واحصل على رسالة الفشل عند إلغاء دفع Paypal من قبل المستخدم.

7. احفظ هذا NONCE للرجوع إليه في المستقبل في قاعدة البيانات الخاصة بك.

• الشيفرة البرمجية موجودة في التوثيق.

يمكنك قراءة مقالة بعنوان Paypal Payment Gateway Integration in Flutter مقدمة من Medium تحوي طريقة أيضا للدفع.

بالتوفيق

هلا بيك اخي

والله انته انسان مبدع تبارك الله لديك خلفيه في اغلب المشاكل تقريبا 

طيب اخوي بنسبة مع استعمال WebView هل الامان يكون جيد؟

ايضا هل Braintree  تاخذ اي رسوم على عمل ذلك او فقط هيا رسوم payapl؟

ايضا ما هو رايك ب منصة checkout؟

السلام عليكم ورحمة الله وبركاته

تحيه طيبه للجميع اخواني

قمت بعمل ربط بين تطبيقي وبوابة دفع checkout من خلال شرح وجدته على الانترنت وربط شغال ولله الحمد بشكل ممتاز ولكن انا ارغب بستعمال ربط مع بوابة دفع paypal

الكود المستعمل كالتالي:

class CheckoutPayment{

  static const _tokenUrl='*********';
  static const _paymenUrl='********';

static const String _publickey='*******';
static const String _secretkey='*******';
static const Map<String,String>_tokenHeader={

'Content-Type':'Application/json',
  'Authorization':_publickey

};
static const Map<String,String>_paymentHeader={
  'Content-Type':'Application/json',
  'Authorization':_secretkey
  
  
  
};
Future<String>_getToken(PaymentCrde card) async{
  Map<String,String>body={
    'type':'card',
    'number':card.number,
    'expiry_month':card.expiry_month,
    'expiry_year':card.expiry_year,


  };
http.Response response =await http.post(_tokenUrl,headers: _tokenHeader,body:jsonEncode(body));
switch(response.statusCode){
  case 201:
    var data =jsonDecode(response.body);
    return data['token'];
    break;
  default:
    throw Exception('Card invalid');
    break;
}
}



Future<bool>makePayment(PaymentCrde card,int amount) async{
  String token =await _getToken(card);
  print(token);

  Map<String,dynamic>body= {
    'source': {
      'type': 'token',
      'token': token
    },
    'amount': amount,
    'currency': 'usd'
  };
http.Response response=await http.post(_paymenUrl,headers: _paymentHeader,body: jsonEncode(body));

  switch(response.statusCode){
    case 201:
      var data =jsonDecode(response.body);
   print(data ['response_summary']);
   return true;
      break;
    default:
      throw Exception('Payemant faild plase try agean');
      break;
  }



}

}

class PaymentCrde{


  String number,expiry_month,expiry_year;

  PaymentCrde(this.number, this.expiry_month, this.expiry_year);
}

  FlatButton(

          child: Text('Pay', style: TextStyle(fontSize: 20.0),),
          onPressed: () {
            PaymentCrde card= PaymentCrde(
              '********',
              '12',
              '2024',
            );

CheckoutPayment payment=CheckoutPayment();

payment.makePayment(card, 1);

          },
        ),

كيف ممكن تغير الكود هذا ليعمل لدى خدمة paypal ؟ هل فيه احد لديه خبرهه في الموضوع هذا ليساعدنا؟