在TP 钱包中DApp 绑定团队邀请关系不生效，技术如何解决？

TP 钱包无法通过分享链接无法绑定团队邀请关系怎么办？

分析发现，造成这个问题的原因是TP钱包会自动修改你的分享链接，添加 UTM 来源参数。如何避免 UTM 来源参数影响？或者说怎么修改代码来忽略这些参数？

举个例子：
带utm参数的链接：https://xxx.com/?utm_source=tokenpocket#/?code=12345
不带utm参数的链接：https://xxx.com/#/?code=12345

其实，可以使用JavaScript代码来去掉URL中的utm参数，具体步骤如下：

解析URL对象：首先，我们需要使用new URL(url)方法解析URL对象。这个方法可以把一个URL字符串解析成一个URL对象，我们可以从这个对象中获取到URL的各个部分。
获取查询参数：URL对象有一个searchParams属性，这个属性是一个URLSearchParams对象，用于获取URL中的查询参数。我们需要从这个对象中获取所有的参数。
删除utm参数：我们可以使用searchParams.delete(key)方法删除查询参数中所有以"utm_"开头的参数。其中，key是参数名，表示要删除的参数名。
重新构建URL：最后，我们使用toString()方法重新构建URL对象，并返回这个新的URL字符串。

下面是完整的JavaScript代码，我添加了注释来帮助理解：

function removeUtmParamsFromUrl(url) {// 创建URL对象var urlObject = new URL(url);// 获取查询参数var searchParams = urlObject.searchParams;// 遍历所有参数，删除以"utm_"开头的参数for (var key of searchParams.keys()) {if (key.startsWith('utm_')) {searchParams.delete(key);}}// 重新构建URL，并返回return urlObject.toString();
}

使用时，直接调用这个函数即可，例如：

var urlWithUtm = "https://xxx.com/?utm_source=tokenpocket#/?code=12345";
var urlWithoutUtm = removeUtmParamsFromUrl(urlWithUtm);
console.log(urlWithoutUtm); // 输出：https://xxx.com/#/?code=12345

以上代码会将urlWithUtm中的utm参数去掉，生成新的URL字符串urlWithoutUtm，并打印输出。

在TP 钱包中DApp 绑定团队邀请关系不生效，技术如何解决？相关推荐

bilibili注册页面编码HTML码,哔哩哔哩bilibili新人邀请码在哪填写 B站怎么绑定输入邀请码方法...
哔哩哔哩bilibili新用户怎么填写邀请码?哔哩哔哩app中邀请好友赚红包的活动,用户每邀请一个好友,观看视频就可以获得奖励,那么B站新注册的用户在哪里可以填写邀请码呢?下面就一起来看看吧! 202 ...
如何在移动钱包中搭建一个小程序应用商店
我们的生活方式正在被新冠疫情和小程序悄然的改变着. 2020年新冠疫情的全球爆发,我们的工作.生活方式,或多或少的都被这场无情的病疫侵袭.且持续地侵袭着:核酸常态化.不定期的居家办公.出不去国门的旅游 ...
如果把微信和支付宝比作钱包，那么数字人民币对应的是钱包中的内容
作为新兴事物,数字货币的试点受到社会各界广泛关注,"十四五"规划也提出了"建设现代中央银行制度,完善货币供应调控机制,稳妥推进数字货币研发,健全市场化利率形成和传导机制& ...
TP框架中field查询字段
TP框架中field查询字段不是fields 也不是files !!!! 不是fields 也不是files !!!! 不是fields 也不是files !!!! 不是fields 也不是file ...
SpreadJS 在 Angular2 中支持绑定哪些属性？
SpreadJS 纯前端表格控件是基于 HTML5 的 JavaScript 电子表格和网格功能控件,提供了完备的公式引擎.排序.过滤.输入控件.数据可视化.Excel 导入/导出等功能,适用于 .N ...
基于继承类的属性模版中无法绑定的原因和解决方法
原文:基于继承类的属性模版中无法绑定的原因和解决方法这个的晚上想学学WPF 做一个类似于ERP 左边菜单.构思一下思路 ...... 创建一个类基于Expander类. 1 public class ...
WPF 的 ElementName 在 ContextMenu 中无法绑定成功？试试使用 x:Reference！
原文:WPF 的 ElementName 在 ContextMenu 中无法绑定成功?试试使用 x:Reference! 版权声明:本作品采用知识共享署名-非商业性使用-相同方式共享 4.0 国际许可 ...
react回调函数_React中的回调中自动绑定ES6类函数
在使用ES6类的React组件时,您必须遇到这种现象,必须显式绑定类函数,然后将其传递给诸如onClick.例如,采用以下示例. import React from 'react';class MyC ...
vue中class绑定函数
vue中class绑定函数 vue+class类应用函数,增加class类名相关博客: v-for循环.v-if 动态判断+动态赋值+操作class类:(计算属性)强制绑定函数以上就是关于&quo ...

在TP 钱包中DApp 绑定团队邀请关系不生效，技术如何解决？

在TP 钱包中DApp 绑定团队邀请关系不生效，技术如何解决？相关推荐

最新文章

热门文章