抖音私信名片跳轉微信技術如何製做？

一直公司比較忙，沒時間記錄筆記，這裏筆者根據抖音開放接口的規則，從新寫了下代碼記錄，方便後期使用，也給你們參考使用：
代碼以下，調用的方式，能夠js,html，以及php模式，生成的樣式，我已經截圖。

在這裏插入圖片描述
在抖音私信裏發送以下代碼便可轉發爲名片樣式,

shareURL#{
「link_url」: 「http://www.douyin6188.cn/w/t/?i=20」,
「push_detail」: 「[消息卡片]」,
「desc」: "描述,
「title」: 「標題」,
「cover_url」: 「http://www5.53kf.com/upload/imglist/company/4/15652337694030.jpg」,
「is_card」: 0,
「messageType」: 26,
}

落地頁模板代碼以下：

<div class="page msg_success js_show">
    <div style="position: absolute;width:100%;top: 0;left: 0;background: rgba(0,0,0,.2);color:#2eb769;text-align: center">此連接安全可靠，請放心瀏覽</div>
    <div class="weui-msg">
        <div class="weui-msg__icon-area">
            <!-- <img class="logo-img" src="./logo.jpg" alt="">-->
             <!--<img class="logo-img" src="http://tva1.sinaimg.cn/large/0060lm7Tly1g49vzdmjt4j30b40b4js8.jpg" alt="">-->
            <!-- 默認 -->
            <img class="logo-img" style="width: 135px;height: 135px" src="" alt="">

        </div>
        <div class="weui-msg__text-area">
            <h2 class="weui-msg__title"><span class="tel-num">　</span></h2>
            <p class="weui-msg__desc">點擊添加好友 自動複製微信號<br>請打開微信搜索添加<!--  <br> <span class="show-tel">微信號：<span class="tel-num"></span> </span>--></p>
            <!--<p class="weui-msg__desc">點擊添加好友 自動複製微信號<br>請打開微信搜索添加<!–  <br> <span class="show-tel">微信號：<span class="tel-num"></span> </span>–></p>-->

        </div>
        <div class="weui-msg__opr-area">
            <p class="weui-btn-area">
                <a href="javascript:void(0);" class="weui-btn weui-btn_primary copy-btn" data-clipboard-action="copy" data-clipboard-target=".tel">添加好友</a>
            </p>
        </div>
        <div class="weui-msg__tips-area">
            <span class="tel tel-num" style="opacity: 0;position: absolute;"></span>
            <p class="weui-msg__tips">點擊「添加好友」便可添加對方好友</p>
        </div>
        <div class="weui-msg__extra-area">
            <div class="weui-footer">
               <p class="weui-footer__links">
                    <a href="javascript:void(0);" class="weui-footer__link">抖音官方微信認證</a>
                </p>
                <p class="weui-footer__text">Copyright @ 2013-2020 抖音</p>
            </div>
        </div>
    </div>