微信公众号跳转小程序的几种方式

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

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

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

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

<a href="http://www.qq.com" data-miniprogram-appid="appid" 
	data-miniprogram-path="pages/index/index">点击跳小程序</a>

说明：

• 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"
            }
    }
}

官方文档链接：https://developers.weixin.qq.com/doc/offiaccount/Message_Management/Template_Message_Interface.html