如何在钉钉内跳转自己的网页链接

1.跳转网页转码(工具地址)
原网页:https://www.baidu.com/
转码后:https%3A%2F%2Fwww.baidu.com%2F
https%3A%2F%2Fwww.baidu.com%2F
2:地址拼接(官方跳转地址:dingtalk://dingtalkclient/page/link?url=URL&pc_slide=true)
替换URL:

dingtalk://dingtalkclient/page/link?url=https%3A%2F%2Fwww.baidu.com%2F&pc_slide=true

发送到聊天窗口点击即可
在这里插入图片描述

3:详细配置走官方文档:https://open.dingtalk.com/document/isvapp/group-plug-ins

在使用钉钉的企业办公应用中,如果你想要发送一条消息并跳转到指定页面,然后用户操作完后能返回到之前的消息界面,通常需要通过集成第三方H5或者利用钉钉提供的webview组件配合前端路由控制。 以下是一个简单的步骤描述: 1. **创建H5页面**:首先,在企业自建系统中创建一个支持跳转和回退功能的H5页面,例如使用Vue、React等框架,设计好页面结构,并添加监听用户的操作,比如点击某个按钮。 2. **钉钉消息模板**:在钉钉中,你可以设置自定义的消息模板,选择"网页链接"类型,将你的H5地址作为链接。 3. **消息详情页处理**:当消息被点击时,钉钉会加载这个网页链接。在H5页面里,你需要编写JavaScript代码来处理用户的交互,例如使用`history.pushState()`改变URL但不刷新页面,实现页面间切换。 4. **页面间的导航**:当你完成所需的操作后,可以在H5页面内的特定位置触发回到上一页面或者特定页面的逻辑,比如监听浏览器的`popstate`事件,或者在每个页面都定义一个统一的`back`函数。 5. **回退**:当你调用`window.history.back()`或类似方法时,用户就会返回到他们来自的地方,通常是发送消息的界面。 ```javascript // 示例代码 document.addEventListener('click', function(e) { if (e.target.matches('#myBackButton')) { window.history.back(); } }); // 或者使用vue-router之类的库管理页面状态 router.replace('/previousPage'); // 返回到前一个页面 ```
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

CXY_BOY

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值