微信公众号跳转小程序

首先:公众号要和小程序相关联起来

在微信公众号管理后台添加相关的小程序,管理者确认要求即可关联成功。

方法一:文本消息跳转小程序

发送文本消息时,支持插入跳小程序的文字链
文本内容:

点击跳小程序

说明:

  • data-miniprogram-appid 项,填写小程序appid,则表示该链接跳小程序;
  • .data-miniprogram-path项,填写小程序路径,路径与app.json中保持一致,可带参数;
  • 对于不支持data-miniprogram-appid 项的客户端版本,如果有herf项,则仍然保持跳href中的网页链接;
  • data-miniprogram-appid对应的小程序必须与公众号有绑定关系。

官网文档链接:https://developers.weixin.qq.com/doc/offiaccount/Message_Management/Service_Center_messages.html

方式二:通过公众号菜单跳转

菜单跳转小程序参数:

{
   "type":"miniprogram",
   "name":"wxa",
   "url":"http://mp.weixin.qq.com",     // 网页链接 ,没有小程序或不支持小程序会打开h5页面
   "appid":"wx286b93c14bbf93aa",   // 小程序appid
   "pagepath":"pages/lunar/index"  // 跳转路径 携带参数 "page/xx/xx?params=123"
}

官网文档链接:https://developers.weixin.qq.com/doc/offiaccount/Custom_Menus/Creating_Custom-Defined_Menu.html

方式三:模板消息跳转小程序

样式:

 {
    "touser":"OPENID",
    "template_id":"ngqIpbwh8bUfcSsECmogfXcV14J0tQlEpBO27izEYtY",
    "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"
            }
    }
}

微信公众号跳转小程序_第1张图片
官方文档链接:https://developers.weixin.qq.com/doc/offiaccount/Message_Management/Template_Message_Interface.html

你可能感兴趣的:(微信公众号)