H5跳转支付宝小程序

每天努力搬砖

已于 2022-08-04 09:36:40 修改

阅读量2.8k

点赞数 1

文章标签：小程序开发页面跳转 SDK URL参数 navigateTo

于 2022-08-04 09:24:43 首次发布

本文链接：https://blog.csdn.net/txw0415/article/details/126152962

版权

跳转方式有两种

代码如下（示例）：


<body>

    <button onclick="goMap()">去支付宝宝小程序</button>

    <!-- 第一种方式 -->
    <script>
        /**
        *@appId 跳转目标appid
        *@page 指定页面路径
        */
        let queryEncode = encodeURIComponent({id:123123})
        let params =`alipays://platformapi/startapp?appId=20222021&page=pages/index&query=${queryEncode}`

        function goMap() {
            window.location.href = `https://ds.alipay.com/?scheme=${params}`  
        }

    </script>

    <!-- 第二种方式 引入相关SDK-->
    <script type="text/javascript" src="https://appx/web-view.min.js"></script>
    <script>
        /**
       *@url 指定页面路径
       */
        function goMap() {
            my.navigateTo({ url: '/pages/main-page/index' });
        }

    </script>

</body>