uniapp网页H5跳转抖音个人主页

Posted 2023-05-02

参考技术A 书接上回，也是我周六加班一上午才搞定的功能（其实大部分时间是在学ps，嘿嘿，主要是想换换脑子，一直卡着很难受的）。

说回项目功能，在抖音app内部植入了一个我们自己的分享页面，之后要在点击按钮后跳转到个人主页，前一晚后端同事通过浏览器扫码测试，请求他的接口重定向可以完成跳转，但通过前端死活跳转不过去。

但web url告诉我们这两个方法行不通。

看样子官网有时候也不一定就靠谱对吧，并不能解决所有问题。嗯。。。顿时感觉自己现在分享的事真伟大，嘿嘿

前面说过通过手机浏览器扫码是可以跳转的，但我们是uniapp啊，既是网页也是app的神奇物种，既然网页可以跳转，那就把自己当成浏览器网页。于是iframe标签闪亮出场了，先看下介绍

在iframe标签的src传入后端处理过（抖音开发者授权）的抖音主页地址即可完成跳转！！

Android 学习之跳转抖音账号主页或者某一视频页

一、需求来源

当我们开发的应用功能上使用起来门槛较高，或者交互设计不够友好，用户使用起来存在困难，我们就需要提供教程，可以是文字描述，图文结合或者是视频，其中最为有效的当属视频啦。

为了方便管理和推广自己的应用，企业一般会有专门的抖音账号，我们的教程可以放置其中，一方面可以推广应用，另外一方面也是推广抖音账号。

二、跳转外部应用的方法

跳转第三方应用，我们一般是通过隐式启动的方式进行的，下面是跳转抖音的基本示例：

val intent = Intent(Intent.ACTION_VIEW)
intent.addFlags(Intent.FLAG_ACTIVITY_NEW_TASK)
intent.data = Uri.parse(tikTokUrl)
val resolveInfo = packageManager.resolveActivity(intent, PackageManager.MATCH_DEFAULT_ONLY)
if (resolveInfo != null)
    startActivity(intent)
else
    Toast.makeText(this, "请安装抖音", Toast.LENGTH_SHORT).show()

三、获取 TikTokUrl 的方式

1. 获取用户主页 id

旧版本方法同“获取作品 id”，只不过是分享主页，拼接得到的 TikTokUrl ：snssdk1128://user/profile/xxxxxxxxxx

新版本的抖音分享链接做了处理，找不到 userId 了，不过可以查看自己的 userId，如果要跳转其他作者的主页，可以找作者要，方法如下：

• 点击“我”界面右上方的更多按钮（三条白杠）
• 点击设置按钮
• 在设置页最下方找到版本号，猛烈点击，获取到如图所示的用户id
• 拼接用户 id：snssdk1128://user/profile/xxxxxxxxxx
  

2. 获取作品 id

• 找到想要跳转的作品，点击右下方分享按钮
• 点击分享里面的复制链接按钮
• 粘贴到 QQ，获取到短链接，点击链接
• 在新的页面点击右上方的更多按钮（三个白点），点击复制链接按钮
• 然后粘贴到 QQ 输入框中，获取到长链接
• 链接中如图所示的那一串数字即为作品 id
• 拼接作品 id，获得跳转的 TikTokUrl ：snssdk1128://aweme/detail/7005034002276994312