scheme唤醒app-抖音

本文介绍了如何通过不同的scheme链接,在手机浏览器中实现打开抖音并跳转到特定页面,如视频详情、用户主页、挑战、音乐等。这些链接详细列出了各种场景下的参数和用法,对于理解和实现抖音App与网页之间的交互具有指导意义。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

手机浏览器scheme唤醒抖音实现跳转

js代码

<a href="snssdk1128://webview?url=path&from=webview&refer=web" 
class="dl-btn" >打开抖音并跳转到path路径</a>

所有案例

home: "snssdk1128://feed?refer=web&gd_label={{gd_label}}",
//打开视频:
detail: "snssdk1128://aweme/detail/{{id}}?refer=web&gd_label={{gd_label}}&appParam={{appParam}}&needlaunchlog=1",
//跳转主页并关注:
user: "snssdk1128://user/profile/{{uid}}?refer=web&gd_label={{gd_label}}&type={{type}}&needlaunchlog=1",
challenge: "snssdk1128://challenge/detail/{{id}}?refer=web",
music: "snssdk1128://music/detail/{{id}}?refer=web",
live: "snssdk1128://live?room_id={{room_id}}&user_id={{user_id}}&from=webview&refer=web",
//抖音内打开网址:
webview: "snssdk1128://webview?url={{url}}&from=webview&refer=web",
//抖音内打开网址(全屏)
webview_fullscreen: "snssdk1128://webview?url={{url}}&from=webview&hide_nav_bar=1&refer=web",
//原声(同一个音乐的作品):
poidetail: "snssdk1128://poi/detail?id={{id}}&from=webview&refer=web",
forward: "snssdk1128://forward/detail/{{id}}",
//热搜榜
billboard_word: "snssdk1128://search/trending",
//最热视频:
billboard_video: "snssdk1128://search/trending?type=1",
//音乐榜:
billboard_music: "snssdk1128://search/trending?type=2",
//热搜(正能量)
billboard_positive: "snssdk1128://search/trending?type=3",
//明星爱豆榜
billboard_star: "snssdk1128://search/trending?type=4"
### 使用 URL Scheme 跳转至 Uni-app 应用 对于Uni-app应用而言,实现通过URL Scheme进行页面跳转主要依赖于在`manifest.json`文件中的特定配置。当目标是从外部链接启动应用程序并导航到指定位置时,确保该应用已在设备上安装,并且其URL Schemes已经在项目的`manifest.json`内正确定义。 #### 配置 `manifest.json` 为了使iOS平台能够识别自定义协议并触发相应动作,需要编辑`manifest.json`文件,在其中设置`schemes`属性来声明允许使用的Scheme名称[^2]: ```json { "app-plus": { "distribute": { "ios": { "urltypes": [ { "scheme": "myunischeme" } ] } } } } ``` 此处的例子表明,任何以`myunischeme://`开头的URL都将被此应用程序处理。 #### 处理传入请求 一旦设置了这些参数,则可以在应用初始化阶段监听来自其他地方发起的调用事件。这通常涉及到检查是否有初始URL存在以及解析传递的数据以便执行适当的操作逻辑。例如,在Vue生命周期钩子函数中添加如下代码片段用于捕获启动参数: ```javascript export default { onLaunch(options) { console.log('App Launch', options); if (options && options.query) { const path = decodeURIComponent(options.path || ''); this.handleOpenUrl(path, options.query); } else if (window.location.href.indexOf('?') !== -1){ let queryStr = window.location.search.substring(1); this.handleOpenUrl(window.location.pathname, queryStr); } }, methods: { handleOpenUrl(urlPath, queryParams) { // 解析路径和查询字符串... // 进行页面跳转或其他操作 } } }; ``` 这段脚本会打印出启动选项日志,并尝试从这些选项或当前浏览器地址栏读取可能存在的路径和查询参数。之后可以根据实际需求编写具体的业务逻辑来进行相应的响应处理。
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值