微信内部跳转App：wx-open-launch-app

最新推荐文章于 2024-08-20 17:32:00 发布

微冷暖阳ロショウ

最新推荐文章于 2024-08-20 17:32:00 发布

阅读量3.6k

点赞数

分类专栏： flutter Android 文章标签：微信小程序前端 android swift

本文链接：https://blog.csdn.net/WeiLenNuanYang/article/details/125178193

版权

本文介绍了如何实现在微信内通过wx-open-launch-app标签进行App跳转，详细讲解了前端和后端的准备工作，包括对接微信开放文档、配置wx.config、使用weixin4j获取配置、设置wx-open-launch-app标签的extinfo属性，并强调了Android、iOS等平台在App端的接收处理。开发者需要确保已成功接入OpenSDK并遵循相关步骤。

摘要由CSDN通过智能技术生成

跳转App：wx-open-launch-app

以下是实际开发中实现并上架验证过的，但做之前需要你了解对接微信开放文档

以下主要解决难点注意点：

请求后台返回wx.config所需配置

对接weixin4j时需要多引入一个依赖

属性配置文件中不用的也必须写上

获取临时票据，需要你的url已经在微信JS接口安全域名下

微信开放标签 wx-open-launch-app的使用，只有在微信中才显示

把参数赋值给标签的extinfo属性，微信官网并没有给出赋值方式，这里是解析了解这个开放标签的结构后，进行的赋值操作。

app端不做赘述，需要你自己根据Android 、iOS、Flutter端等对接接收，依旧可以参考此处开放文档
App侧获取开放标签传递的 extinfo 数据
请确保已经按照上述步骤接入 OpenSDK 并验证成功接入

前端需要的准备

<!-- 第一步换取配置信息 -->
<script>
        // 请求后台 返回wx.config所需配置
        $.ajax({
     
            url: "/rest/open/app/config",
            type: "POST",
            data: {
     
                url:window.location.href
            },
            async: false,
            dataType:'json',
            success: function (data) {
     
                wx.config({
     
                    debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印
                    appId: data.appId, // 必填，公众号的唯一标识
                    timestamp:data.timestamp, // 必填，生成签名的时间戳
                    nonceStr: data.nonceStr, // 必填，生成签名的随机串
                    signature: data.signature,// 必填，签名
                    jsApiList: ['chooseImage'], // 必填，需要使用的JS接口列表
                    openTagList: ['wx-open-launch-app'] // 可选，需要使用的开放标签列表，例如['wx-open-launch-app'] 打开app
                });
            }
        });
        wx.ready(function() {
     
            wx.checkJsApi({
     
                jsApiList: ['wx-open-launch-app'], // 需要检测的JS接口列表，所有JS接口列表见附录2,
                success: function (res) {
     
                },
                fail: (err) => {
     
                    console.log("微信繁忙，请稍后再试");
                }
            })
        });
        wx