需求说明:
最近在开发抖音内嵌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
页面
并选择
跳转
任意微信小程序,用户可以享受到更加方便、多样化和快捷的使用体验。