使用 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 没有可用的支付插件。 但我们可以使用flutter platform channel 集成 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。如果没有，请下载here
3. 右键单击您的应用并选择打开模块设置
4. 添加模块依赖
5. 选择：要包含的 paytabs_sdk-v4.0.1 模块
6. 通过在侧边栏中将 Android 视图更改为项目视图来确认模块导入
7. 添加以下依赖项。
8. 您可以从更改代码开始。

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

   所有项目{
   存储库 {
   ...
   行家{
   网址'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 客户端相同的通道名称。

1. 您需要覆盖 Activity 的 onActivityResult