uni-app打开淘宝、京东，并跳转到对应的商品链接

最近因为需要开发一个跨平台的app，最终选定了uni-app，记录一下学习过程中遇到的一些问题。

要实现在app中打开淘宝、京东、应用商店，并跳转到对应商品的功能。

打开淘宝，按照官方的例子就可以

需要注意的是，打开京东时，需要添加一些参数，才能够实现跳转到对应商品。这个方法是在uni-app社区看到的。

直接复制下方代码，即可运行

<template><view class="content"><button  @click="handleOpenJingdong">打开京东</button><button  @click="handleOpenTaobao">打开淘宝</button><button  @click="handleOpenShop">应用商店</button></view>
</template><script>export default {methods: {/*** 打开淘宝*/handleOpenTaobao() {// 淘宝的商品链接，换成需要访问的地址let url = "https://detail.tmall.com/item.htm?spm=a230r.1.14.1.3d4b76f0LV6kFy&id=605165654577&ns=1&abbucket=6";let openUrl = url;// 因为 url 一般是从其它地方获取的，所以这里要将 http 和 https 删去// 也可以直接输入 https:// 之后的内容，则不需要此步判断，直接调用 plus.runtime.openURLif (url.substr(0, 5) === 'https') {openUrl = `taobao://${url.substr(8)}`;} else if (url.substr(0, 4) === 'http') {openUrl = `taobao://${url.substr(7)}`;}plus.runtime.openURL(openUrl, function(res) {uni.showModal({content: '本机未检测到对应客户端，是否打开浏览器访问页面？',success: function(res) {if (res.confirm) {plus.runtime.openURL(url);}}});});},/*** 打开京东*/handleOpenJingdong() {// 京东的商品链接let url = "https://item.jd.com/1110592.html";let openUrl = url;if (url.substr(0, 5) === 'https') {// 按照打开淘宝的方式打开京东，会出现无法跳转到对应的商品链接的问题// 这里需要添加上参数，这样就能够正确跳转，这个方法是在uni-app社区看到的let data = {category:'jump', des:'getCoupon',url: url.substr(8)}openUrl = `openApp.jdMobile://virtual?params=${JSON.stringify(data)}`;} else if (url.substr(0, 4) === 'http') {let data = {category:'jump', des:'getCoupon',url: url.substr(7)}openUrl = `openApp.jdMobile://virtual?params=${JSON.stringify(data)}`;}plus.runtime.openURL(openUrl, function(res) {uni.showModal({content: '本机未检测到对应客户端，是否打开浏览器访问页面？',success: function(res) {if (res.confirm) {plus.runtime.openURL(url);}}});});},/*** 打开应用商店*/handleOpenShop() {let appurl = '';// 这个是通用应用市场，如果想指定某个应用商店，需要单独查这个应用商店的包名或scheme及参数// 下文提供了几个常见的应用商店的schemeif (plus.os.name=="Android") {  appurl = "market://details?id=io.dcloud.hellouniapp";   }  else{  appurl = "itms-apps://itunes.apple.com/cn/app/hello-uni-app/id1417078253";  }plus.runtime.openURL(appurl, function(res) {uni.showModal({content: '本机未检测到对应客户端，是否打开浏览器访问页面？',success: function(res) {if (res.confirm) {plus.runtime.openURL(url);}}});});}}}
</script><style>.content {display: flex;flex-direction: column;align-items: center;justify-content: center;}
</style>

另外记录一下常用的url scheme

这里参考了文章 https://ask.dcloud.net.cn/article/35621

[  {  name: 'App Store',  scheme: 'itms-apps://'  },  {  name: '支付宝',  pname: 'com.eg.android.AlipayGphone',  scheme: 'alipay://'  },  {  name: '淘宝',  pname: 'com.taobao.taobao',  scheme: 'taobao://'  },  {  name: 'QQ',  pname: 'com.tencent.mobileqq',  scheme: 'mqq://'  },  {  name: '微信',  pname: 'com.tencent.mm',  scheme: 'weixin://'  },  {  name: '京东',  pname: 'com.jingdong.app.mall',  scheme: 'openApp.jdMobile://'  },  {  name: '新浪微博',  pname: 'com.sina.weibo',  scheme: 'sinaweibo://'  },  {  name: '优酷',  pname: 'com.youku.phone',  scheme: 'youku://'  }
]

应用商店的

xiaomi: {scheme: "mimarket://details?id=com.xx.xx"
},
samsung: {scheme: "samsungapps://ProductDetail/com.xx.xx"
},
huawei: {scheme: "appmarket://details?id=com.xx.xx"
},
oppo: {scheme: "oppomarket://details?packagename=com.xx.xx",
},
vivo: {scheme: "vivomarket://details?id=com.xx.xx"
}

uni-app打开淘宝、京东，并跳转到对应的商品链接相关推荐

Android App打开淘宝(店铺或商品)
目录准备工作逻辑具体实现在官方淘宝开放平台查询打开淘宝APP文档,未果.各处查找资料,其中参考了<应用内打开京东.淘宝指定商品或店铺页面>:发现未安装淘宝app时在WebView ...
Unity打开淘宝app并跳转到商品页面
最近碰到个需求,是希望在Unity有一个按钮,打开后直接跳转淘宝app,打开商品页面.百度了下没有相关的文章,于是我在此分享下. 之前开发游戏的时候就希望引导玩家到应用商店更新游戏,之前采用的方式也是 ...
点击微信内网页a标签直接跳转打开淘宝APP的方法实例
点击微信里面的网页a标签,就可以跳转到预设的APP页面,不需要通过浏览器唤起APP 代码如下: <a href="https://t.asczwa.com/taobao?backurl ...
在自己的app中打开淘宝
需求:在app中打开淘宝客户端,包括打开店铺和商品 1)打开商品: Intent intent = new Intent(); intent.setAction("android.inten ...
iOS 类似复制链接打开淘宝APP后弹出页面功能
写在前面我们应该都有用过这个功能,你的朋友微信给你分享了一个淘宝里面的商品链接,然后当你复制这个链接打开淘宝APP的时候,就会弹出一个弹窗,像这样: example.PNG 这个功能想必大家都挺熟悉 ...
淘宝京东拼多多抖音淘特1688等多平台商品APP详情API接口（商品详情页面数据接口，商品销量接口，关键词搜索商品销量接口）
淘宝京东拼多多抖音淘特1688等多平台商品APP详情API接口(商品详情页面数据接口,商品销量接口,关键词搜索商品销量接口)代码对接如下: 1.公共参数名称类型必须描述 key String ...
淘宝/京东/拼多多/苏宁/抖音等平台详情数据分析接口（APP商品详情源数据接口代码对接教程）
一.接口背景: 最近做一个电子商务平台的投标工作,写技术标过程中,配到客户做拼多多集成的接口,其中有一个需求就是监控品牌旗下商品价格,维权,具体需求如下描述: 1.零售价格.批销价格.代销价格.都存储 ...
阿里百川V6安全图，uniapp使用阿里百川SDK V6安全图唤醒淘宝APP 阿里百川新版本打开淘宝领券页面/渠道备案,uniapp对接淘宝联盟等等超级详细
阿里百川V6安全图,uniapp使用阿里百川SDK V6安全图唤醒淘宝APP 阿里百川新版本打开淘宝领券页面/渠道备案,uniapp对接淘宝联盟等等超级详细此文章是针对插件市场1.6版本升级的介绍 ...
uniapp 跳转外部app（淘宝）
// 打开淘宝事件taobaoUp(){// 判断平台if (plus.os.name == 'Android') { plus.runtime.launchApplication( { pname: ...
uniapp、uniCloud实现微信公众号自动查询淘宝京东优惠券制作过程
uniapp.uniCloud实现微信公众号自动查询淘宝京东优惠券制作过程微信公众号自动查询淘宝京东优惠券机器人制作教程.服务器通过uniapp提供的uniCloud云服务搭建,建议使用阿里云,不要 ...

uni-app打开淘宝、京东，并跳转到对应的商品链接

uni-app打开淘宝、京东，并跳转到对应的商品链接相关推荐

最新文章

热门文章