更新记录

1.0.0（2025-09-17） 下载此版本

根据阿里百川原生打包

平台兼容性

淘宝返利插件

介绍

基于阿里巴巴百川SDK开发的淘宝返利插件，支持商品展示、跳转购买、返利计算等功能。本插件支持 Vue 3 的 Composition API 写法。

安装方式

1. 通过uni_modules导入插件
2. 在页面中引用插件组件

使用说明

1. 初始化插件

在应用启动时初始化插件：

import taokeSDK from '@/uni_modules/uni-taoke-plugin/js_sdk/taoke.js'

// 初始化SDK
taokeSDK.init({
  onInitSuccess: () => {
    console.log('淘宝返利插件初始化成功')
  },
  onInitFailure: (code, msg) => {
    console.log('淘宝返利插件初始化失败', code, msg)
  }
})

2. 使用淘客视图组件 (Vue 3 Composition API)

在页面中使用淘客视图组件展示商品：

<template>
  <view>
    <taoke-view 
      :item-url="itemUrl"
      :item-title="itemTitle"
      :item-image="itemImage"
      :price="price"
      @trade-success="onTradeSuccess"
      @trade-failure="onTradeFailure"
    />
  </view>
</template>

<script setup>
import TaokeView from '@/uni_modules/uni-taoke-plugin/components/TaokeView.vue'
import taokeSDK from '@/uni_modules/uni-taoke-plugin/js_sdk/taoke.js'
import { ref } from 'vue'

const itemUrl = ref('https://item.taobao.com/item.htm?id=***')
const itemTitle = ref('示例商品')
const itemImage = ref('https://example.com/item.jpg')
const price = ref('99.00')

const onTradeSuccess = (result) => {
  console.log('交易成功', result)
  uni.showToast({
    title: `购买成功，预计返利¥${result.rebate}`
  })
}

const onTradeFailure = (error) => {
  console.log('交易失败', error)
  uni.showToast({
    title: '购买失败',
    icon: 'none'
  })
}
</script>

3. 使用淘客视图组件 (Vue 2 Options API)

如果您仍然使用 Vue 2 的选项式 API，也可以这样使用：

<template>
  <view>
    <taoke-view 
      :item-url="itemUrl"
      :item-title="itemTitle"
      :item-image="itemImage"
      :price="price"
      @tradeSuccess="onTradeSuccess"
      @tradeFailure="onTradeFailure"
    />
  </view>
</template>

<script>
import TaokeView from '@/uni_modules/uni-taoke-plugin/components/TaokeView.vue'
import taokeSDK from '@/uni_modules/uni-taoke-plugin/js_sdk/taoke.js'

export default {
  components: {
    TaokeView
  },
  data() {
    return {
      itemUrl: 'https://item.taobao.com/item.htm?id=***',
      itemTitle: '示例商品',
      itemImage: 'https://example.com/item.jpg',
      price: '99.00'
    }
  },
  methods: {
    onTradeSuccess(result) {
      console.log('交易成功', result)
      uni.showToast({
        title: `购买成功，预计返利¥${result.rebate}`
      })
    },

    onTradeFailure(error) {
      console.log('交易失败', error)
      uni.showToast({
        title: '购买失败',
        icon: 'none'
      })
    }
  }
}
</script>

4. 配置淘客参数

可以通过插件API配置淘客参数：

import taokeConfig from '@/uni_modules/uni-taoke-plugin/js_sdk/taokeConfig.js'

// 设置淘客参数
taokeConfig.setTaokeParams({
  pid: 'mm_12345678_12345678_12345678',
  adzoneid: '***',
  taokeAppkey: 'your_app_key'
})

// 保存参数
taokeConfig.saveParams()

功能列表

1. 商品展示与跳转购买
2. 返利计算与展示
3. 用户登录/登出
4. 参数配置管理
5. 交易结果回调

注意事项

1. 需要在manifest.json中配置必要的权限
2. 需要正确配置百川SDK的依赖库
3. Android平台需要配置签名信息