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

这篇具有很好参考价值的文章主要介绍了抖音跳微信小程序（抖音分享卡片和链接）图文教程。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

序：

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、这样就变成卡片了。