自 4.0.1 版本 起，开发者工具支持开发者在模拟器中调试前端交易组件，包括: <pay-button>, <consume-card>和<rate-button>。

在模拟器获得抖音用户扫码授权后，开发者可以在模拟器中测试下单、支付、核销、退款、评价等流程。

具体调试操作流程介绍如下。

前提条件: 模拟器获得抖音用户扫码授权

进入 IDE 工作区后，点击模拟器工具栏中的头像，打开抖音扫码授权弹窗，然后使用抖音App 进行扫码授权。

登录成功后，会显示对应抖音账号的头像。如果需要切换抖音账号，单击头像退出登录，使用新账号重新扫码授权即可。

接下来，开发者就可以对交易组件进行调试了。

1.<pay-button> 组件

pay-button 交易按钮的示例代码如下，注意替换其中goods-id为真实的商品id 。

<view style="display: flex; justify-content: center">
  <pay-button
      mode="{{2}}"
      goods-type="{{1}}"
      goods-id="xxx"
      bind:getgoodsinfo="getGoodsInfo"
      bind:placeorder="userLogin"
      bind:pay="onPay"
      bind:error="errorHandler"
  />
</view>

具体使用文档见: pay-button 交易按钮

2.<consume-card> 组件

consume-card组件用于展示核销码。在模拟中展示核销码后，可以通过另一台手机或其他扫码设备扫码核销。展示核销二维码效果如下:

具体使用文档见: consume-card 抖音码核销

3.<rate-button> 组件

使用<rate-button>组件可以展示评价按钮，点击后进入评价表单，效果图如下:

具体使用文档见: rate-button

注意事项

沙盒模式 当前仅支持了泛知识行业，因此只有<pay-button>，尚未支持<consume-card>和<rate-button>。

下载链接：开发者工具4.0.1版本