h5跳转微信小程序

最新推荐文章于 2024-06-18 17:23:03 发布

weixin_48597380

最新推荐文章于 2024-06-18 17:23:03 发布

阅读量270

点赞数

文章标签： javascript

本文链接：https://blog.csdn.net/weixin_48597380/article/details/115355072

版权

h5跳转微信小程序

在微信公众凭条绑定js安全接口域名（线上域名外网可以访问到的，只有此公众号的管理员才可以添加）
在此域名下上传微信凭证一个txt文件（绑定时会有提示）
引入js文件 https://res.wx.qq.com/open/js/jweixin-1.6.0.js
代码

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!--H5页面窗口自动调整到设备宽度，并禁止用户缩放页面-->
    <meta name="viewport"
        content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
    <!--忽略将页面中的数字识别为电话号码-->
    <meta name="format-detection" content="telephone=no" />
    <!--忽略Android平台中对邮箱地址的识别-->
    <meta name="format-detection" content="email=no" />
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <script src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>
    <title></title>
    <style>
        #wechat-web-container wx-open-launch-weapp {
   
            width: 100%;
            text-align: center;
            background: url(http://www.zhigonghui.com.cn/image/wqfw.svg)no-repeat top center;
            background-size: .68rem .68rem;
            display: flex;
            justify-content: center;
            height: .85rem;
        }

        /* vue 编译结束后显示 */
        [v-cloak] {
   
            display: none;
        }
    </style>
</head>

<body>
    <div id="index" class="home_index">
        <<