提问者:小点点

使用dart、flutter web和api进行Paytabs支付集成


我有一个flutter web项目,我试图实现一个支付解决方案。我发现paytab对我的情况来说是一个不错的选择。我想添加他们的api,但我在flutter网站上不断收到CORS错误。所以我尝试了他们的现成支付页面,但我也无法实现,因为我以前没有关于Web开发的知识。我只使用dart和flutter。但我想实现api,因为它提供了更高的控制权。这是用于发布请求的urlhttps://www.paytabs.com/apiv2/create_pay_page使用超文本传输协议包,我总是有CORS显示为错误。paytab服务文档:https://dev.paytabs.com/docs/paypage/希望你能帮忙


共1个答案

匿名用户

没有可用于flutter的支付插件。但是我们可以使用flutter平台渠道集成PayTabs。

步骤1-

Future<void> _getPayTabs() async {
String batteryLevel;
try {
  debugPrint("this is dart getPayTabs");
  final Map result = await methodChannel.invokeMethod('getPayTabs');
  debugPrint("trasiction data $result");
} on PlatformException {
  debugPrint("trasiction data Failed");

}

步骤2-

>

  • 在Android Studio中,右键单击应用程序选择新建

    所有项目{
    存储库{

    maven{
    url'https://jitpack.io'

    }
    }

    实现'com.android.support: design:28.0.0'
    实现'com.android.support:appcompat-v7:28.0.0'
    实现'com.squareup.retfit 2:改造:2.4.0'
    实现'com.google.code.gson:gson:2.8.5'
    实现'com.squareup.retfit 2:conter-gson:2.4.0'
    实现'com.thugib.dBachelder:CreditCardEntry:1.4.9'

    步骤3-

    1. 在Project视图中打开位于kotlin文件夹中的文件MainActivity. kt。(注意:如果使用Android Studio 2.3进行编辑,请注意kotlin文件夹显示为java。)
    2. 在configureFlutterEngine()方法中,创建一个方法通道并调用setControlodCallHandler()。确保使用与Flutter客户端相同的通道名称。