抖音跳微信小程序(抖音分享卡片和链接)图文教程 您所在的位置:网站首页 抖音落地页的链接地址怎么弄出来 抖音跳微信小程序(抖音分享卡片和链接)图文教程

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

2024-07-02 08:14| 来源: 网络整理| 查看: 265

序:

        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代码如下

博主的公众号叫:程序员野区

3秒后跳小程序

setTimeout(()=>{ location.href = "weixin://dl/business/?t=546566tnUfcb"; //链接替换成你生成的链接 },3000) //点击事件再说

        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、去博主公众号:“程序员野区”,加个关注呗。公众号菜单有好东西。



【本文地址】

公司简介

联系我们

今日新闻

    推荐新闻

    专题文章
      CopyRight 2018-2019 实验室设备网 版权所有