调试工具保证金授权店铺类型说明
前端扩展
  • H5扩展能力
    • SDK使用指南
    • 交易
      • 下单页
      • 支付结果页
      • 订单详情页
      • 订单列表页
      • 批量退款选择商品页
      • 购物车
      • 快速下单
    • 商品
      • 商品详情页
    • 营销
      • 优惠券详情
    • 销售员
      • 主推商品页
      • 推广商品页
      • 任务奖励页
      • 专属商品页
      • 销售员中心页
    • 积分商城
      • 兑换结果页
      • 兑换详情页
    • 支付
      • 扫码收款页
      • 我的储值
      • 储值卡购买
    • 帐号
      • 用户授权
      • 一键授权页面
    • 教育
      • 课程下单页
    • 用户
  • 小程序扩展能力
    • SDK使用指南
    • 小程序环境变量
    • 全局能力
      • 全局数据
      • 页面跳转
      • 接口请求
      • 文件上传
      • 全局API
      • 用户授权组件
      • 数据缓存处理
      • 小程序生命周期SDK
      • 地址管理
      • 小程序日志上报
    • 交易
      • 下单页
      • 支付结果页
      • 订单详情页
      • 订单列表页
      • 购物车页
    • 商品
      • 商品详情页
      • 商品规格SKU选择器
    • 销售员
      • 专属商品页
    • 店铺
      • 店铺列表
    • 用户
      • 个人中心页
  • 独立页面开发
    • 开发指南
    • zanNativeBridge
    • 初始化
    • 获取环境信息
    • 获取微信对象
    • 配置分享
    • 禁用分享
    • 获取当前定位
    • 获取网络类
  • H5/小程序跳转能力表
前端扩展
H5/小程序跳转能力表
最后更新日期:2022-02-15

名称解释

通用名词 说明
有赞 H5 有赞wsc/在有赞标准体系的H5页面,H5 的运行环境是浏览器,包括 WebView。
有赞小程序 通常指的有赞标准体系下的微信小程序
三方H5 即非youzan.com的域名/客户自有H5
三方小程序 非有赞微信小程序/客户自有小程序
三方App 三方自研的App/客户自有App

能力对照表

跳转方式 类型 跳转类型 是否支持跳转 解决方案 备注
1、有赞跳转三方 H5 1.1有赞H5跳转三方H5 支持 需购买大客套餐 详见下方1.1
H5 1.2有赞H5跳转三方小程序 不支持
H5 1.3有赞H5跳转三方App 支持 需购买大客套餐 详见下方1.3
小程序 1.4有赞小程序嵌入三方H5 支持 需购买大客套餐 详见下方1.4
小程序 1.5有赞小程序跳转三方小程序 支持 特殊可选 详见下方1.5
小程序 1.6有赞小程序跳转三方App 不支持
小程序 1.7有赞小程序跳转三方H5 - 有赞小程序仅支持跳转至关联的公众号的文章,其他链接暂不支持跳转。(专享版小程序 v2.10 及以上版本支持)
2、三方跳转有赞 H5 2.1三方H5跳转有赞H5 支持 标准能力 详见下方2.1
H5 2.2三方H5跳转有赞小程序 支持 微信标准能力 详见下方2.2
小程序 2.3三方小程序嵌入有赞H5 不支持 详见下方2.3
小程序 2.4三方小程序跳转有赞小程序 支持 微信标准能力 详见下方2.4
App 2.5三方App嵌入有赞商城(APP开店) 支持 需购买APP开店 详见下方2.5
App 2.6三方App跳转有赞小程序 支持 微信标准能力 详见下方2.6

常见问题

问题 说明
需要把一个文件放在有赞那边的代码根目录下是否支持 不支持
授权给有赞小程序商城支持二次开发吗? 支持,需购买大客套餐

方案详情

1、有赞跳转三方

1.1有赞H5跳转三方H5

场景说明:

商家定制了一个营销小游戏活动页面,在商品详情页会出现一个从天而降的活动icon,当用户点击icon后会跳转到定制的三方H5活动页面。用户会在三方H5页面里参加活动,并获取积分和优惠券等,完成活动以后点击返回可以回到商品详情页使用活动获取的优惠券去购买商品。

适用对象:

订购有赞大客户定制套餐的商家

解决方案:

  1. 在有赞云diy平台创建自用型有容器应用,定制需要跳转三方H5的页面详见文档
  2. 在自定义组件中使用a标签或者有赞云提供的apiwindow.youzanyunRouter.push跳转三方H5链接即可

1.2有赞H5跳转三方小程序

不支持

1.3有赞H5跳转三方App

适用对象:

1、已经开通有赞微商城店铺

2、拥有自己的App商家

3、有搭建App商城的需求

4、订购有赞大客户定制套餐的商家

解决方案:

  1. 开发定制有赞h5
  2. 在定制代码里引导用户在浏览器打开链接,之后通过url scheme 拉起三方的App
  • URL Scheme是一种页面内跳转协议,通过这个协议可以比较方便的跳转到app某一个页面,Scheme由app开发者提供
  • 一般情况下微信会封掉打开三方app的功能,所以要引导用户去浏览器里打开网页,在浏览器里通过URL Scheme打开三方app(部分浏览器可能不支持)

1.4有赞小程序嵌入三方H5

场景说明:

商家做活动时需要在有赞小程序的中引入三方的活动报名、活动抽奖等H5页面。满足商家通过有赞小程序内跳转到三方H5

适用对象:

  1. 已购买有赞大客户套餐的商家
  2. 拥有自己的小程序

解决方案:

  1. 支持该能力需先进行外部域名跳转相关审核流程的申请,若审核不通过则不支持小程序跳转至外部域名链接的能力;
  2. 一个自用型有容器应用可以配置一个外部域名
  3. 外部域名需要通过工信部备案
  4. 确认外部域名的新增/修改/删除需求,需求内容:期望跳转的外部域名链接、店铺授权的自用型有容器应用名
  5. 将需求信息同步至有赞云大客户项目经理进行审核流程的申请
  6. 技术方案
  • 开发流程参考详见文档
  • 小程序嵌入H5相关技术参考微信官方文档
  • 开发注意事项:如果全局取不到wx变量,确认下 H5 页面是不是使用沙箱渲染的。目前沙箱渲染方式不支持获取wx变量。

1.5有赞小程序跳转三方小程序

适用对象:

  1. 已经开通有赞微商城店铺
  2. 拥有自己的小程序
  3. 技术对接方案需购买大客定制套餐

解决方案:

  1. 店铺后台配置:https://help.youzan.com/displaylist/detail_4_4-2-21738 注意:店铺后台配置根据官方提供的配置能力进行配置位置比较固定,不需要购买大客定制套餐。

  2. 技术对接方案(需购买大客定制套餐):提供三方小程序的 appId 及路径,在定制的有赞小程序中调用微信官方 API 注意:需购买大客定制套餐的商家可以在相关页面自定义跳转,相较于店铺后台配置能力较为自由。

1.6有赞小程序跳转三方App

不支持

2、三方跳转有赞

2.1三方H5跳转有赞H5

场景说明:

商家自己官网等H5页面,可以快速跳转到有赞H5,完成商品推广、下单的闭环。

适用对象:

开通有赞微商城店铺

解决方案:

在有赞后台复制出商品、微页面等H5地址,在三方页面中配置跳转URL

2.2三方H5跳转有赞小程序

场景说明:

商家自己官网等H5页面,可以快速跳转到有赞小程序,完成商品推广、下单的闭环。

适用对象:

1、开通有赞微商城店铺

2、已购买有赞小程序服务

解决方案:

  1. B端店铺中获取路径参考:https://help.youzan.com/displaylist/detail_4_4-1-21727
  2. API方式获取路径参考:https://doc.youzanyun.com/detail/API/0/3338
  • 方式1:在三方页面中使用微信官方支持的wx-open-launch-weapp标签详见文档 *方式2: 通过url scheme打开详见文档 注意:部分路径在上述方法中无法获取即表示不支持。

2.3三方小程序嵌入有赞H5

不支持,因微信平台限制域名条数,所以无法在有赞新增域名。因为配置校验文件放到三方域名根目录下,同时需要配置业务域名。

2.4三方小程序跳转有赞小程序

场景说明:

商家自己小程序官网,可以快速跳转到有赞商城小程序,完成商品推广、下单的闭环。

适用对象:

1、已经开通有赞微商城店铺

2、拥有自己的三方小程序

解决方案:

请访问微信小程序后台获取您的小程序APPID;在三方小程序中调用微信官方 API:微信官方文档

2.5三方App嵌入有赞商城(APP开店)

场景说明:

App 有自己的积分体系(包括虚拟币、经验值等),希望通过积分商城来兑换/消耗,提高用户粘度。

基于有赞 App开店 解决方案,开发者可通过集成 H5 SDK 嵌入微商城,而微商城提供了积分商城的功能,支持积分、现金+积分方式兑换商品。开发者可通过调用有赞积分接口,将App自身积分和有赞微商城积分同步,实现积分打通。

适用对象:

1、已经开通有赞微商城店铺

2、拥有自己的App

3、有搭建App商城的需求

4、订购了APP开店能力https://doc.youzanyun.com/resource/develop-guide/35675/36971

解决方案:

有赞提供SDK和开放接口API,商家可以通过SDK方案快速、低成本地把有赞h5店铺接入到已有的App里,自己进行二次集成开发,也支持自己定制开发原生页面。详情见:https://doc.youzanyun.com/resource/develop-guide/35675/37029

2.6三方App跳转有赞小程序

场景说明:

商家在头条、网易云音乐、自研独立APP做投放,消费者可以点击广告打开微信并快速跳转到有赞商城小程序,完成商品推广、下单的闭环。

适用对象:

1、拥有自己的小程序

2、APP自研能力

解决方案:

  1. 方案一:可以通过微信提供的OpenSDK 实现在App 里面 拉起小程序功能;参考微信文档:https://developers.weixin.qq.com/doc/oplatform/Mobile_App/Launching_a_Mini_Program/Launching_a_Mini_Program.html
  2. 方案二:在三方App里面通过URL Scheme打开小程序;参考微信文档:https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/url-scheme.html
此篇文档是否对你有帮助?
文档反馈