uni

您所在的位置：网站首页 › 淘宝链接复制到微信怎么可以显示全部商品呢 › uni

uni

2024-07-07 02:43:00| 来源: 网络整理| 查看: 265

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

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

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

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

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

打开京东打开淘宝应用商店 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.openURL if (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及参数 // 下文提供了几个常见的应用商店的scheme if (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); } } }); }); } } } .content { display: flex; flex-direction: column; align-items: center; justify-content: center; }

另外记录一下常用的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" }

【本文地址】

公司简介

联系我们

今日新闻

点击排行

实验室常用的仪器、试剂和: 说到实验室常用到的东西，主要就分为仪器、试剂和耗

不用再找了，全球10大实验: 01、赛默飞世尔科技（热电）Thermo Fisher Scientif

三代水柜的量产巅峰T-72坦: 作者：寞寒最近，西边闹腾挺大，本来小寞以为忙完这

通风柜跟实验室通风系统有: 说到通风柜跟实验室通风，不少人都纠结二者到底是不

集消毒杀菌、烘干收纳为一: 厨房是家里细菌较多的地方，潮湿的环境、没有完全密

实验室设备之全钢实验台如: 全钢实验台是实验室家具中较为重要的家具之一，很多

图片新闻

实验室药品柜的特性有哪些: 实验室药品柜是实验室家具的重要组成部分之一，主要

小学科学实验中有哪些教学: 计算机计算器一般打孔器打气筒仪器车显微镜

实验室各种仪器原理动图讲: 1.紫外分光光谱UV分析原理：吸收紫外光能量，引起分

高中化学常见仪器及实验装: 1、可加热仪器：2、计量仪器：（1）仪器A的名称：量

微生物操作主要设备和器具: 今天盘点一下微生物操作主要设备和器具，别嫌我啰嗦

浅谈通风柜使用基本常识: 　众所周知，通风柜功能中最主要的就是排气功能。在

uni

uni

今日新闻

点击排行

推荐新闻

图片新闻

专题文章