需求说明:

最近在开发抖音内嵌H5页面,需要上传抖音视频,其实上传主要是通过后端封装抖音提供的openapi接口来实现。

但是产品突然提了一个需求,说能不能 上传成功后跳转到抖音其他页面 呢?

于是我翻遍了官方提供的js桥文档,但是 官方文档里面根本没有相关的js桥和跳转方法

于是使出了程序员的三连:做不了,实现不了,没有这个功能。

结果产品发来一个二维码,抖音扫码进去后是某商户的推广H5,功能大概是授权后上传素材视频,但最后它上传成功后居然 跳转到了抖音的商户页面

啪啪打脸。

于是开始研究,它到底是如何实现的呢 ?

研究分析:

解析烧烤店的二维码,拿到了一个网址:

https://open.douyin.com/platform/oauth/connect?client_key=awqorh8xwmvkjsye&response_type=code&scope=user_info,video.create,video.data,item.comment,mobile_alert&redirect_uri=https://dy.fznanjing.com/api/business/douyin/cb&state=1457917313025482753

打开网址,使用抖音扫码授权后,发现它居然可以成功在PC网页上运行!

于是便想看看,能否正常发布,结果发现能够成功发布!

并且,发布完之后,页面白屏,报错提示:

faild to launch 'snssdk1128://user/profile/99886282085?gd_label=click_wap_profile_bottom&needlaunchlog=1&refer=web&scene_from=share_reflow&type=need_follow&zlink=https://z.douyin.com/Mfen&zlink_click_time=1636767075' because the scheme does not have a registered handler.

这个报错很眼熟,并且其中的一个 关键字scheme 引起了我的注意。

以前开发app下载功能的时候,有个url scheme,ios内可以通过浏览器跳转到苹果的app store中进行app下载。

于是经过一番搜索,了解到这个url scheme其实能够打开任意app的任意页面,只要你知道对应的url scheme。

问题解决:

既然如此,那么报错信息里的那一串地址:'snssdk1128://user/profile/99886282085?gd_label=click_wap_profile_bottom&needlaunchlog=1&refer=web&scene_from=share_reflow&type=need_follow&zlink=https://z.douyin.com/Mfen&zlink_click_time=1636767075',很可能就是抖音商户页面的url scheme

?以后的应该是类似于链接地址上的查询字符串,应该可以去掉。

?前面的那串99886282085,很可能是抖音用于标识商户的唯一id之类的东西。

因此只要我们知道了这个商户id,就可以跳转到任意一个抖音商户页面。

为了验证我的猜想,于是我在项目中上传视频成功后,增加了一个跳转:

window.location.href = 'snssdk1128://user/profile/99886282085'

上线验证后,发现果然能够成功跳转到商户页面!

如何获取用户id:

那么如何获取用户id呢?

根据网上的方法,分享用户页面的短链,然后在浏览器中打开,但是却无法找到用户id。

原来是因为抖音可能为了避免用户id滥用,把用户id给加密了。。。

GG,无法得知抖音加密的具体方法。

不知道是否有其他的方式获取抖音用户id

希望看到的大神能够赐教。

需求说明:最近在开发抖音内嵌H5页面,需要上传抖音视频,其实上传主要是通过后端封装抖音提供的openapi接口来实现。但是产品突然提了一个需求,说能不能上传成功后跳转到抖音其他页面呢?于是我翻遍了官方提供的js桥文档,但是官方文档里面根本没有相关的js桥和跳转方法。于是使出了程序员的三连:做不了,实现不了,没有这个功能。结果产品发来一个二维码,抖音扫码进去后是某商户的推广H5,功能大概是授权后上传素材视频,但最后它上传成功后居然跳转到了抖音的商户页面!啪啪打脸。于是开始研..
例子(部分参数可省略) 跳转 主页并关注: snssdk1128://user/profile/72673737181?refer=web&gd_label=click_wap_profile_bottom&type=need_follow&needlaunchlog=1 snssdk1128://user/profile/72673737181?refer=web&gd_label=click_wap_download_follow&type=need_follow.
所有的文章其实最后都是为了准备这一章---终极福利篇。对于Auto Js 的研究绝对没有停止这也不是最后一章。 Auto Js 4.1.0对编写好的文件进行打包成 Android 的Apk文件。 打开 手机上的Auto Js App。 找打你要打包的 js 文件。 点击右侧的三个点。选择“更多”,选择“打包应用”。 弹出打包 页面 ,如果未安装Auto Js 打包工具则会提示。 按照上面的要求进行填写最后...
申请入驻 抖音 开放平台,按照项目需求申请个人账号和企业账号,企业账号权限相对来说高一点,企业号认证费用600元,具体可以打 抖音 官方电话400-992-2556根据提示选择对应平台进行咨询 申请完的企业号登录开放平台把资料填写完整 创建应用进行开发 创建应用需要填写的信息 授权域回 必须要填写网络可访问的域名,也就是你扫完码要 跳转 到的网站 创建完成的应用会分配一个Client key,Client Secret 此图为应用详情 根据官方提供的Api来获取code(本次 用为直
下面就是小编带给大家的如何用vue写 h5 页面 方法 操作,希望能够给你们带来一定的帮助,谢谢大家的观看。 1、当拿到设计师给的UI设计图,前端的首要任务就是布局和样式,相信这对于大部分前端工程师来说已经不是什么难题了。移动端的布局相对PC较为简单,关键在于对不同设备的适配。 2、之前介绍了一篇关于移动端rem布局方案,这大致是网易 H5 的适配方案。不过实践中发现淘宝开源的可伸缩布局方案效果更好且更容易使用。方案总结为:根据屏幕大小 / 750 = 所求字体 / 基准字体大小比值相等,动态 html 的font-size大小。 3、方案总结为:根据设备设备像素比设置scale的值,保持视口dev
微信内 打开 h5 页面 可以为用户提供更加方便的交互和使用方式,而 跳转 到不同的微信小程序则可以进一步满足不同需求的用户。 首先,用户在微信中 打开 h5 页面 后,可以根据链接的提示选择 跳转 到不同的小程序。例如,用户可以选择 跳转 到某个购物小程序来购买自己喜欢的商品, 跳转 到某个新闻小程序来获取最新的资讯,或者 跳转 到某个游戏小程序来体验丰富的游戏玩法。 其次,不同的小程序可以提供不同的服务和功能。例如,用户可以在某个教育类小程序中学习知识、参加考试,或者在某个社交类小程序中认识新朋友、交流心情。 最后, 跳转 到微信小程序还能够提供更加方便的用户体验。由于小程序具有轻量化和快速响应的特点,用户可以更加快捷地完成各类操作,从而省去繁琐的步骤和等待。 综上所述,通过在微信内 打开 h5 页面 并选择 跳转 任意微信小程序,用户可以享受到更加方便、多样化和快捷的使用体验。