抖音跳微信小程序（抖音分享卡片和链接）图文教程

雪狼之夜

已于 2023-11-03 09:46:06 修改

阅读量7.1k

点赞数 9

分类专栏：微信小程序文章标签：微信小程序抖音卡片

于 2023-07-04 14:45:57 首次发布

本文链接：https://blog.csdn.net/xuelang532777032/article/details/131528334

版权

微信小程序专栏收录该内容

23 篇文章 3 订阅

订阅专栏

序：

1、本博文参考一下资料：获取接口调用凭据 | 微信开放文档、获取scheme码 | 微信开放文档、获取授权帐号调用令牌 | 微信开放文档、用H5打开微信小程序_weixin_46746389的博客-CSDN博客

2、注意！只能是企业认证的小程序才可以生成跳转链接！！！！！

3、你必须要有自己的线上服务器，可以传静态index.html的服务器！！！！！！最好是https的，因为http的博主还没试过！！！

4、本博文只解决抖音跳转微信小程序问题，并没有解决抖音点开链接会提示正在访问外网链接的问题！！！（猜想：如果放自己公司的链接，公司的网站必须ICP备案，这个可以ICP备案网站查询到。公司网站的ICP备案主体名称要和抖音认证的主体名称一致，也就是个人是不行的，这个也是网上搜到的，也就是说你必须是企业而且要在抖音备案过主体和链接加过白名单，当然这个博主只是猜测，如果按照这个思路试了成功的小伙伴方便的话评论区留个言想，谢谢）

5、你要是卡到其他前端问题，也可以关注微信公众号：“程序员野区” 直接私信或留言，博主看到会回复，公众号里也有加微信群方式。毕竟做了13年前端，应该是可以解决你大部分问题

6、接到小伙伴反应，有图片和标题没备注，问题找到了，你要用iphone去分享才卡片下面的描述！！！！！！！！博主是iphone8p，你用iphone分享出来的描述安卓也是看的到的！

实现的最终效果：

正文：

1、你得先知道你的appid和secret

2、请求获取access_token 官方文档地址===》获取接口调用凭据 | 微信开放文档

博主示例如下调用如下接口（博主是unicloud云开发，所以云端有serveapi服务可以直接调用）

https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=xxxxxxx&secret=xxxxxxx

3、拿到access_token 去请求生成链接，

这里有一个坑！！！！！

"env_version": "release"只能是release正式版的！！！！也就是已经发布成功的小程序！！！！，他虽然说支持体验版"trial"和开发版为"develop"，，但是！！！！！博主试过了，我就算小程序已经企业认证且未发布过小程序。trial和develop 一样是会给你返回错误什么40002还是啥的代码我忘记了，你一定是要有发布成功正式版的小程序页面才能让跳，记住！！！！！！！！

https://api.weixin.qq.com/wxa/generatescheme?&access_token="+access_token

官方文档地址==》获取scheme码 | 微信开放文档

4、你会获得类似以下的链接

'weixin://dl/business/?t=wdUJxctUacb'

来注意官方的说法单天生成Scheme+URL Link数量超过上限50万，也就是说，你一天可以调用50万次

然后注意！！！！你生成的链接，你访问过一次，别人再去访问这个链接是不行的！！！！！！！

那有什么用？分享的链接不就是谁分享都可以打开小程序才有意义吗？

有用！你还缺一步，那就是一个域名做中转中转来

5、中转

众所周知，你随便一个域名在抖音里面私信都是可以被打开的

而我们要做的，就是！把这个链接放你的微信里，（先不考虑是不是同一个人访问的！跟着博主做，后面会说）

新建一个index.html代码如下

<!DOCTYPE html>
<html lang="en">
<head>
    <title>博主的公众号叫：程序员野区</title>
    <meta name="description" content="程序员开发、创业、跳槽、工具、咨询分享，野区低调发育，然后一鸣惊人。" /> 
    <link rel="shortcut icon" type="text/css" href="/images/logoicon.png"> 
    <link rel="apple-touch-icon" href="/images/logoicon.png">
</head>	
<body>
	<p style="text-align: center">3秒后跳小程序</p>
	<script>
		setTimeout(()=>{
			 location.href = "weixin://dl/business/?t=546566tnUfcb";
            //链接替换成你生成的链接
		},3000)
	  	//点击事件再说
	</script>
</body>

</html>

1、title、meta 标签就是到时候分享出去卡片的标题和简介了

2、2个link 都要配置，iphone读图和安卓读图用，就是到时候分享出去卡片左侧的图片了

3、setTimeout 是为了让你有时间做分享用的！！！因为到时候我们要1、先发链接到抖音私信里，2、在从打开的链接在3秒内分享地址给自己，3、这样就变成卡片了。

6、把index.html重命名为 a.html 传你自己的服务器

比如你传到 https://xxx.xxx.com/a.html 你先要保证你的这个地址可以被打开！！！！

然后你直接抖音私信自己，

抖音怎么私信自己？我教你。如下图，直接搜自己的抖音名字！！！！

7、分享成卡片

你把链接私信自己或者你朋友之后，直接打开链接，你会发现右上角有一个转发,直接私信给自己，这时候你就可以得到一个卡片了。

8、怎么做到每次分享给不同的人，都可以打开？

其实前面分享卡片的哪一步，有些小伙伴已经发现了，那就是你打开私信自己的链接，他是可以直接触发抖音跳===》微信小程序的功能了，

但是一个Scheme是只能一个人打开的，那怎么做才能变成这个链接每个人都能打开？

1、其实也简单，就是直接https://xxx.xxx.com/a.html这个a.html的页面变成后端动态生成html（你可以是mvc，也可以走serveApi去return html）

2、每次这个链接被访问的时候再去请求微信官方的接口在生成微信码。毕竟一天可以50万次，而且只是一个小程序哦，没记错的话一个公司主体是可以申请5个小程序的。

3、去博主公众号：“程序员野区”，加个关注呗。公众号菜单有好东西。

雪狼之夜

关注

9
点赞
踩
51

收藏

觉得还不错? 一键收藏
打赏
18
评论
抖音跳微信小程序（抖音分享卡片和链接）图文教程

其实前面分享卡片的哪一步，有些小伙伴已经发现了，那就是你打开私信自己的链接，他是可以直接触发抖音跳===》微信小程序的功能了，3、你必须要有自己的线上服务器，可以传静态index.html的服务器！最好是https的，因为http的博主还没试过！比如你传到 https://xxx.xxx.com/a.html 你先要保证你的这个地址可以被打开！而我们要做的，就是！把这个链接放你的微信里，（先不考虑是不是同一个人访问的！跟着博主做，后面会说）你生成的链接，你访问过一次，别人再去访问这个链接是不行的！
复制链接

扫一扫