h5 调起打开小程序

Striver_598

已于 2024-08-20 17:16:28 修改

阅读量244

点赞数 3

文章标签：小程序

于 2024-08-20 16:58:51 首次发布

本文链接：https://blog.csdn.net/m0_53574149/article/details/141362970

版权

<script src="https://open.work.weixin.qq.com/wwopen/js/jwxwork-1.0.0.js"></script>
<script src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>

结合后端「服务端」生成签名

<html>
    <head>
        <title>打开小程序</title>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1, maximum-scale=1">
        <script src="https://open.work.weixin.qq.com/wwopen/js/jwxwork-1.0.0.js"></script>
        <script src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>

        <script>
            window.onload = function () {
                const wx = window.wx || wx;
                wx.config({
                    beta: true,
                    corpid: 'ww1111c111111ff11a', // 必填，企业微信的corpid，必须与当前登录的企业一致
                    appId: 'ww1111c111111ff11a', // 必填，企业微信的应用id 
                    timestamp: 11111111111, // 必填，生成签名的时间戳
                    nonceStr: 'nonceStr', // 必填，生成签名的随机串
                    signature: '1aa11a11111111a111a1a111a1a1a111111a111',// 必填，签名
                    jsApiList: ['getContext'], //必填，传入需要使用的接口名称
                });

                wx.ready(async () => {
                    wx.agentConfig({
                        beta:true,
                        corpid: 'ww1111c111111ff11a', // 必填，企业微信的corpid，必须与当前登录的企业一致
                        agentid: '000000', // 必填，企业微信的应用id
                        timestamp: 2222222222, // 必填，生成签名的时间戳
                        nonceStr: 'nonceStr1', // 必填，生成签名的随机串
                        signature: '1aa11a11111111a111a1a111a1a1a111111a111',// 必填，签名
                        jsApiList: ['apiJieKou'], //必填，传入需要使用的接口名称
                        success: function(res) {
                            wx.invoke('apiJieKou', {
                                    "appid" : "wx2222c222222ff22a", // 需跳转的小程序appid
                                    "path" : "pages/index/index.html", // 所需跳转的小程序内页面路径及参数。非必填
                                }, function(res) {
                                    if(res.err_msg == "apiJieKou:ok") {
                                        // 正常
                                    } else {
                                        // 错误处理
                                    }
                                }
                            );
                            // 回调
                        },
                        fail: function(res) {
                            if(res.errMsg.indexOf('function not exist') > -1){
                                alert('版本过低请升级')
                            }
                        }
                    });


                });
            }

        </script>
    </head>
    <body>
    </body>
</html>


const wx = window.wx || wx;
const getLogin = () => {
    var temp1 = window.location.search.split('?')[1] || '';
    var pram2 = new URLSearchParams('?' + temp1);

    addClue({ phone: pram2.get('phone') || '' }).then(res => {
        if (res.status) {
            let data = res.data
            console.log(data)
            wx.config({
                beta: true,
                debug: false,
                corpid: data.corpid, // 必填，企业微信的corpid，必须与当前登录的企业一致
                appId: data.corpid, // 必填，企业微信的应用
                timestamp: data.timestamp, // 必填，生成签名的时间戳
                nonceStr: data.noncestr, // 必填，生成签名的随机串
                signature: data.signature,// 必填，签名
                jsApiList: ['ready', 'agentConfig', 'launchMiniprogram']//必填，传入需要使用的接口名称
            });

            wx.ready(async () => {
                wx.agentConfig({
                    beta: true,
                    debug: false,
                    corpid: data.corpid, // 必填，企业微信的corpid，必须与当前登录的企业一致
                    agentid: data.agentid, // 必填，企业微信的应用id
                    timestamp: data.timestamp, // 必填，生成签名的时间戳
                    nonceStr: data.noncestr, // 必填，生成签名的随机串
                    signature: data.signature,// 必填，签名
                    jsApiList: ['launchMiniprogram'], //必填，传入需要使用的接口名称
                    success: function (res) {
                        console.log(res)
                        wx.invoke('launchMiniprogram', {
                            "appid": "wx000a000000a0aa00", // 需跳转的小程序appid
                            "path": "pages/clue/apply.html", // 所需跳转的小程序内页面路径及参数。非必填
                        }, function (res) {
                            if (res.err_msg == "launchMiniprogram:ok") {
                                wx.closeWindow();
                                // 正常
                            } else {
                                // 错误处理
                            }
                        }
                        );
                        // 回调
                    },
                    fail: function (res) {
                        if (res.errMsg.indexOf('function not exist') > -1) {
                            alert('版本过低请升级')
                        }
                    }
                });


            });
        }
    })
}