天下难事,必作于易;天下大事,必作于细。
1. 如何将 支付 SDK
的回调式接口封装为 Flow
这是一个典型场景,把 传统回调 -> Flow 的编程风格进行转换,其核心思想是用 callbackFlow {}
,将异步回调改写为同步的格式。
异步 API
kotlin
fun pay(orderId: String, callback: (result: PaymentResult) -> Unit)
改写后的 Flow,便于进行状态监听
kotlin
class AlipaySdkWrapper : PaymentSdkWrapper {
override fun pay(orderId: String): Flow<PaymentResult> = callbackFlow {
// 假设这是支付宝SDK提供的函数
AlipaySdk.pay(orderId) { result ->
trySend(result) // 将回调结果发送到Flow
close() // 一次性回调,结果出来就关闭流
}
// 当Flow被取消/关闭时,执行清理逻辑
awaitClose {
// 比如取消支付请求(如果SDK支持)
// AlipaySdk.cancel(orderId)
}
}
}
关于 callbackFlow
,还有一些细节需要留意:
- 内部使用
trySend()
向下游发射数据。 - 默认是 冷流 ,只有新产生订阅者时,才会触发
AlipaySdk.pay()
,这也符合支付接口原本的设计意图。 - 如果支付只有一次最终结果(成功/失败),则可使用
close()
对流执行关闭操作。如果支付接口仍然存在多次回调(例如 处理中->成功/失败),则不可进行close()
。 awaitClose()
用于在流关闭后(例如 VM 销毁、Flow 被取消等),释放 SDK 的listener
(例如unregisterListener
),防止资源泄漏。
在 ViewModel 里调用支付接口
经过改写后,在 VM 层就可以通过统一的方式调用支付,这样做的好处是,外部代码观察到的是同一的 Flow 接口,而底层具体实现可以无痛替换(例如改为微信支付、银联支付、苹果支付等)。
kotlin
viewModelScope.launch {
paymentSdk.pay("123456")
.collect { result ->
when (result) {
is PaymentResult.Success -> println("支付成功")
is PaymentResult.Failed -> println("支付失败")
}
}
}
2. 使用 ActivityComponent
引起的生命周期倒置问题
在唤起聚合支付 SDK 所提供的收银台过程中,其支付接口 pay(activity, orderInfo)
需要传入一个 Activity
类型的参数,这样设计的原因,是由于收银台会以类似 Dialog Fragment
的方式呈现在当前页面上,涉及到页面视图的引用,因此必须使用到 Activity
对象。
但是,这对我们的分层设计产生了一个不大不小的困扰,最初对于分层的设计如下:
- DataSource
- Repository
- ViewModel
- UI
其中 DataSource
位于最底层,提供支付 SDK、后端接口等的抽象。在上述分层设计里,除了最上层 UI
,其他各层是不会接触到页面层级对象的,正是由于这种设计,才能够保持 ViewModel
独立于页面生命周期的特性,以便在页面销毁后重建时恢复状态。
然而,如果通过 Hilt
将 Activity
提供给 PaymentSdk
,虽然可以简化支付接口的层层调用,使其只需要传递订单信息,但却打破了这种解耦关系。
错误写法,将 PaymentSdk 生命周期声明为页面级
kotlin
@Module
@InstallIn(ActivityComponent::class)
abstract class PaymentModule {
@Binds
abstract fun bindPaymentSdkWrapper(
impl: AlipaySdkWrapper
): PaymentSdkWrapper
}
上面这种写法会导致 Repository
、DataSource
生命周期倒置的问题。Repository
是全局单例,而它持有了 DataSource
,因此后者必须也是全局单例,从而将其声明为 ActivityComponent
是行不通的,除非也将 Repository
改写为同样的 ActivityComponent
。但这样的话,会导致 Repository
跟随页面销毁重建,并没有必要这么做,在实现时还是要尽可能保持整洁和精简。
因此,最终采用的方案是,保持 AlipaySdk.pay()
接口的 Activity
参数,从 Activity-VieModel-Repository
中层层传递过来。
CourseDetailActivity.kt
kotlin
btnPay.setOnClickListener {
viewModel.pay(this)
}
3. ViewModel
对外暴露状态:成员变量 or 接口返回值
这也是一个值得探究的问题。
我们知道在传统的 LiveData
模式中,ViewModel
内部持有 LiveData
成员变量,Activity
通过订阅该对象,实现对数据流的监听。
在 Flow
问世以来,它逐渐替代掉了老旧的 LiveData
,提供 StateFlow
、SharedFlow
供页面监听,它的写法是与 LiveData
相似的。
但有一点区别尤其明显------ Flow
可以用作函数返回值,并且这也是一种非常典型的 Flow
用法。
1. UI State 成员变量模式
特点是 状态驱动 ,ViewModel 内部维护页面状态变量。注意到这里更底层的 Repository 实际上是返回的 Flow 对象,在 ViewModel 收集它时,用 collect
对内部状态进行更新。
ViewModel 层更新状态
kotlin
@HiltViewModel
class PaymentViewModel @Inject constructor(
private val repository: PaymentRepository
) : ViewModel() {
private val _uiState = MutableStateFlow(PaymentUiState(idle = true))
val uiState: StateFlow<PaymentUiState> = _uiState
fun pay(activity: Activity, orderInfo: OrderInfo) {
viewModelScope.launch {
repository.startPay(activity, orderInfo) // ===> 下游 Repository 接口返回 Flow<PaymentResult> 对象
.map { result ->
when (result) {
is PaymentResult.Success -> PaymentUiState(success = true, message = "支付成功")
is PaymentResult.Failure -> PaymentUiState(success = false, message = result.reason)
is PaymentResult.Cancelled -> PaymentUiState(success = false, message = "用户取消")
}
}
.collect { state ->
_uiState.value = state
}
}
}
}
UI 层收集状态
kotlin
lifecycleScope.launchWhenStarted {
viewModel.uiState.collect { uiState ->
when {
uiState.idle -> showIdleUI()
uiState.success -> showSuccessUI()
else -> showErrorUI(uiState.message)
}
}
}
2. ViewModel 函数返回值式
特点是 流程驱动 ,Activity 调用 ViewModel 函数 -> 函数返回状态 -> Activity 收集函数返回的状态
。由于 ViewModel 内部不对状态进行维护,每一次调用都生成独立的流,能够用于 多订单并行支付 的场景。
Activity 调用 vm.pay() 获得 StateFlow,进行收集并展示
kotlin
@AndroidEntryPoint
class PaymentActivity : AppCompatActivity() {
private val viewModel: PaymentViewModel by viewModels()
override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
val orderInfo = OrderInfo(id = "12345")
lifecycleScope.launchWhenStarted {
viewModel.pay(this@PaymentActivity, orderInfo).collect { uiState ->
when {
uiState.idle -> showIdleUI()
uiState.success -> showSuccessUI()
else -> showErrorUI(uiState.message)
}
}
}
}
}
3. 我的选择
最终在两者之间,我选择了前者,即 UI State
成员变量模式。对于 Activity
来说,维护在 ViewModel
中的状态更适合描述和记录页面信息,在发生问题时,通过打印当前状态,也更容易进行定位排查。
4. 选择 Fake 实现
所处的层次
使用 Hilt
的一个重要优势,就是可以在开发阶段,在真实业务逻辑实现与 Fake 实现之间灵活切换。
- DataSource
- Repository
- ViewModel
- UI
回到我们的分层设计,在这个分层中,ViewModel
和 UI
作为终端呈现,没有为其设计虚假实现得必要。因此,我们对 Fake
对象的选择,要么是 FakeDataSource
,要么是 FakeRepository
。
在进行决策时,牢记这个原则:
越是底层的 Fake,其代码覆盖程度越广。
FakeRepository 与 FakeDataSourcee
对两种 Fake 方案的自测覆盖范围,对比阐述如下:
Fake 所在层次 | Repository 层 | DataSource 层 |
---|---|---|
能测到 UI | ✅ | ✅ |
能测到 ViewModel | ✅ | ✅ |
能测到 Reopsitory | ❌ | ✅ |
能测到 DataSource | ❌ | ❌ |
开发复杂程度 | 低 | 中 |
可见两者最主要的区别是,使用 FakeDataSource
可以用来验证 Repository
内部逻辑是否正确。后续在接入新的支付渠道时,测试逻辑能够保持一致性,测试范围的覆盖也更加到位。
最终我选择的是 FakeDataSource
来实现。