小程序踩坑日记——点击公众号消息跳转小程序到指定页面(跳转小程序成功、未跳转到指定页面)

最近新开发一个下单类的小程序、因为关联的有公众号、需求是小程序下单公众号推送对应订单信息给用户、用户点击推送信息跳转到小程序的制定订单消息页

功能方面主要由前端配置消息模板、后端配置对应的小程序id及跳转的页面路径
代码如下(官网代码)

{
    "touser":"OPENID",
    "weapp_template_msg":{
        "template_id":"TEMPLATE_ID",
        "page":"page/page/index",
        "form_id":"FORMID",
        "data":{
            "keyword1":{
                "value":"339208499"
            },
            "keyword2":{
                "value":"2015年01月05日 12:30"
            },
            "keyword3":{
                "value":"腾讯微信总部"
            },
            "keyword4":{
                "value":"广州市海珠区新港中路397号"
            }
        },
        "emphasis_keyword":"keyword1.DATA"
    },
    "mp_template_msg":{
        "appid":"APPID ",
        "template_id":"TEMPLATE_ID",
        "url":"http://weixin.qq.com/download",
        "miniprogram":{
            "appid":"xiaochengxuappid12345",
            "pagepath":"index?foo=bar"
        },
        "data":{
            "first":{
                "value":"恭喜你购买成功!",
                "color":"#173177"
            },
            "keyword1":{
                "value":"巧克力",
                "color":"#173177"
            },
            "keyword2":{
                "value":"39.8元",
                "color":"#173177"
            },
            "keyword3":{
                "value":"2014年9月22日",
                "color":"#173177"
            },
            "remark":{
                "value":"欢迎再次购买!",
                "color":"#173177"
            }
        }
    }
}

然后后端小哥百般尝试、发现只能跳转到首页、并不能跳转到详情页(也拿不到传递的参数)
没办法 功能实现不了 身为苦逼前端的我也只能帮忙百度扒文档想办法、
最终发现问题原因处在这段话上:

"miniprogram":{
            "appid":"xiaochengxuappid12345",
            "pagepath":"index?foo=bar"
        },

其实主要就是配置路径的键 pagepath字段,后端小哥用的框架会自动把键改成遵循小驼峰式命名、那再发送数据时就变成了pagePath这样的字段 然后就是一系列(跳不到指定页、拿不到参数)

果然是细节决定成败… 哈哈哈

看了下网上还是有很多人踩这个坑的 所以特此记录下既往能帮到大家

  • 3
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值