当前位置: 首页 / 网站建设 / 正文

uniapp开发的导购app点击链接直接跳转到淘宝app

发布时间:2020-06-12 01:12:34 作者:小超越君


最近在做一套多端的导购平台(PC网页端、微信小程序、百度小程序、APP),因为需求比较急,通过小超越工作室权衡,采用的uni-app来开发移动端,用php+mysql来做后端和网页端。

由于是导购属性的网站,跳转到第三方的购物网站是很常见的,网页端很容易解决,直接跳转就好,小程序的话,采用口令的方式。app端就通过app路由的方式。

今天主要分享的就是这套跳转app,可以直接唤醒淘宝app跳转到对应的页面。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
tbkjump() {
   
     
     // 淘宝的商品链接,换成需要访问的地址
     let url = 'https://detail.tmall.com/item.htm?id=616607750344';
     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)}`;
     }
     console.log("跳转"+openUrl)
     plus.runtime.openURL(openUrl, function(res) {
       uni.showModal({
        content: '本机未检测到对应客户端,是否打开浏览器访问页面?',
        success: function(res) {
         if (res.confirm) {
          plus.runtime.openURL(url);
         }
        }
       });
      })
   }

在uni-app的methods里直接调用就好了。好了,今天就分享到这,不懂得可以加小超越微信询问一下。

文章转载请保留本文链接:https://www.zhe94.com/730.html

小超越
热爱折腾,曾想着改变世界,如今只能向生活低头,寻找可口的牛奶和面包
添加站长微信作者头像
专注高品质湛江网站建设及湛江SEO优化服务 立即咨询