自学内容网 自学内容网

淘宝客SDK,一键导入淘宝客商城,快速实现流量变现(鸿蒙Next版,原生)

一、Demo项目地址

二、关于SDK

1、介绍

  • 基于自适应布局和响应式布局,实现购物应用在手机、折叠屏、平板等不同屏幕尺寸设备上按不同设计显示。

2、项目背景

  • 对于绝大多数软件开发者而言,流量变现的方式一般为会员、广告联盟等方式。多一些变现方式可以说是锦上添花。返利商城sdk能够为应用提供一键接入商城模块,通过商城的方式变现。

3、项目特点

  1. 以原生方式接入,有更好的性能体验;
  2. 采用组件化架构实现,接入简单,低至一行代码就可实现接入,且与主工程解耦;
  3. 适用于大部分应用,且接入app包大小增量极小;
  4. 能够快速进行二次开发。

4、功能介绍

  1. 淘宝、京东、拼多多热卖商品列表展示;
  2. 淘宝、京东、拼多多商品搜索、排序;
  3. 淘宝、京东、拼多多商品详情;
  4. 已实现淘宝、京东、拼多多商品领券、收藏、下单等商城完整功能闭环。

5、手机/折叠屏效果图

三、接入前准备

四、接入SDK

1、导入模块并初始化

  1. 下载本工程源码,将源码中的store和common模块复制到您的项目中,如:

  1. 在build-profile.json5的modules下添加common、store模块:
"modules": [
  {
    "name": "entry",
    "srcPath": "./entry",
    "targets": [
      {
        "name": "default",
        "applyToProducts": [
          "default"
        ]
      }
    ]
  },
  {
    "name": "store",
    "srcPath": "./store"
  },
  {
    "name": "common",
    "srcPath": "./common"
  }
]
  1. 在您的主工程中引用这两个模块,在主工程oh-package.json5中添加以下引用:
"dependencies": {
  "@ohos/store": "store",
  "@ohos/common": "common",
  "@ohos/axios": "^2.2.0",
  "@pura/harmony-utils": "^1.0.2",
  "@umeng/common": "^1.0.24",
  "@umeng/analytics": "^1.0.19"
}
  1. 将NetWorkInterceptor.ets、InitializeApp.ets复制到主工程中:

  1. 友盟配置文件:将umconfig.json复制到以下路径:

  1. 参照示例工程EntryAbility.ets进行以下初始化:
onCreate(want: Want, launchParam: AbilityConstant.LaunchParam): void {
  // SDK初始化
  InitializeApp.initOnCreate(this.context)
}

onWindowStageCreate(windowStage: window.WindowStage): void {
  // onWindowStageCreate中初始化调用
  InitializeApp.initOnWindowStageCreate(this.context, windowStage)
  // 同意隐私协议后调用
  InitializeApp.initAfterAgreementPrivacyPolicy()
}
  1. 在主工程中添加以下权限:
"requestPermissions": [
  {
    "name": "ohos.permission.INTERNET",
    "reason": "$string:dependency_internet_reason",
    "usedScene": {
      "abilities": [
        "AppAbility"
      ],
      "when": "inuse"
    }
  },
  {
    "name": "ohos.permission.GET_NETWORK_INFO",
    "reason": "$string:dependency_internet_info_reason",
    "usedScene": {
      "abilities": [
        "AppAbility"
      ],
      "when": "inuse"
    }
  },
  {
    "name": "ohos.permission.APP_TRACKING_CONSENT",
    "reason": "$string:dependency_app_tracking_consent_reason",
    "usedScene": {
      "abilities": [
        "AppAbility"
      ],
      "when": "inuse"
    }
  },
]

2、SDK调用

  1. tab组件
// 参考index.ets
// 精选
Feature()
// 榜单
Ranking()

  1. 跳转页面
// 参考Mine.ets
// 跳转精选页面
if (appProvider.toFeaturePage) {
  appProvider.toFeaturePage()
}
// 跳转搜索页面
if (appProvider.toSearchInput) {
  appProvider.toSearchInput()
}
// 跳转九块九页面
if (appProvider.toJiuJiu) {
  appProvider.toJiuJiu()
}
// 跳转大额券页面
if (appProvider.toLargeCoupon) {
  appProvider.toLargeCoupon()
}
// 跳转淘宝热卖页面
if (appProvider.toTbRanking) {
  appProvider.toTbRanking()
}
// 跳转京东热卖页面
if (appProvider.toJdRanking) {
  appProvider.toJdRanking()
}
// 跳转拼多多热卖页面
if (appProvider.toPddRanking) {
  appProvider.toPddRanking()
}


原文地址:https://blog.csdn.net/yljj930205/article/details/141358935

免责声明:本站文章内容转载自网络资源,如侵犯了原著者的合法权益,可联系本站删除。更多内容请关注自学内容网(zxcms.com)!