api - 使用 dart、flutter web 和 api 的 Paytabs 支付集成

Question

我有一个颤振的网络项目，我正在尝试实施支付解决方案。我发现 paytabs 对我的情况来说是个不错的选择。我想添加他们的 api，但我的颤振网站上不断出现 CORS 错误。所以我尝试了他们的现成付款页面，但我也无法实施，因为我以前对 Web 开发一无所知。我只使用飞镖和颤振。但我想实现 api，因为它提供了更高的控制。这是用于发布请求的 url https://www.paytabs.com/apiv2/create_pay_page使用 http 包我总是让 CORS 显示为错误。paytab 服务的文档：https ://dev.paytabs.com/docs/paypage/希望您能提供帮助

Answer 1

没有可用于颤振的支付插件。但是我们可以通过 Flutter平台渠道集成 PayTabs 。

步骤 1->创建 Flutter 平台客户端final Map result = await methodChannel.invokeMethod('getPayTabs'); 示例：`

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-> 导入 SDK android 项目

1. 在 Android Studio 中，右键单击应用程序选择新建 > 模块
2. 选择下载的 paytabs_sdk-v4.0.1.aar。如果没有，请在此处下载
3. 右键单击您的应用程序并选择打开模块设置
4. 添加模块依赖
5. 选择：要包含的 paytabs_sdk-v4.0.1 模块
6. 通过在侧边栏中将 Android 视图更改为项目视图来确认模块导入
7. 添加以下依赖项。
8. 您可以从代码更改开始。

9. 您必须包含以下依赖项：

   allprojects {
   存储库 {
   ...
   maven {
   url ' https://jitpack.io '
   
   }
   }
   }
   

   实施 'com.android.support:design:28.0.0'
   实施 'com.android.support:appcompat-v7:28.0.0'
   实施 'com.squareup.retrofit2:retrofit:2.4.0'
   实施 'com.google. code.gson:gson:2.8.5'
   实施 'com.squareup.retrofit2:converter-gson:2.4.0'
   实施 'com.github.dbchelder:CreditCardEntry:1.4.9'
   

第 3 步->添加特定于 Android 平台的实现
首先在 Android Studio 中打开 Flutter 应用程序的 Android 主机部分：

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

3. 您需要覆盖 Activity 的 onActivityResult