微信公众号图卡片息发送【模拟发送一个小程序信息】

首先我们来看一下微信官方关于图文消息发送给出的文档说明

小程序卡片跳转小程序，代码示例：

<mp-miniprogram data-miniprogram-appid="wx123123123" data-miniprogram-path="pages/index/index" data-miniprogram-title="小程序示例" data-progarm-imageurl="http://mmbizqbic.cn/demo.jpg"></mp-miniprogram>

如上图所示，若要向微信同步图文消息发送小程序卡片，上面几个参数必须要按照固定的条件来获取到。

下面我来看下具体代码实现

// 获取到的小程序对象var smallCodeObj = linkTools.deepCopy(this.rotinueObj.selectedRotinueObj);var p = '';var appid = smallCodeObj.appId; // 小程序appidvar nickName = smallCodeObj.mpName; // 小程序名字var path = 'pages/tabs/tabs'; // 待定 小程序的urlvar title= this.rotinueObj.innerFormData.title; // 卡片标题var imgUrl = this.rotinueObj.selectedImg.url; // 卡片的urlvar cdnpath = appCtx.cdnPath;p = `<iframe class=\"res_iframe weapp_app_iframe js_editor_weapp wxCard\" src=\"${cdnpath}/linkcrm/marketing/wx_small_code.html?appid=${appid}&&nickName=${nickName}&&path=${path}&&title=${title}&&imgUrl=${imgUrl}\" frameborder=\"0\" data-miniprogram-appid=\"${appid}\" data-miniprogram-nickname=\"${nickName}\" data-miniprogram-title=\"${title}\" data-miniprogram-imageUrl=\"${imgUrl}\" data-miniprogram-path=\"${path}\"></iframe><p><mp-miniprogram data-miniprogram-appid=\"${appid}\" data-miniprogram-path=\"${path}\" data-miniprogram-title=\"${title}\" data-miniprogram-imageurl=\"${imgUrl}\"></mp-miniprogram></p >`;

然后就是请求后台的接口，将对应的内容给传递给后台在请求微信服务器把数据同步过去。具体请求后台方法就不贴代码了，之前在这个地方遇到一个坑，就是微信服务器那边接收我的文本编辑器里面的内容，可以是html，但我把对应的html片段传过去之后，会很诡异的报错45166;然后查询了一些资料，发现我的content里面的html代码格式有问题，错误的代码我就不展示了，我把没问题的代码格式与大家共勉。

{"articles": [{"thumb_media_id": "nLSuWIlNwk1BMQ6miOpRVyvYGsiXq7tKuorzOM2_gmk","author": "123123","digest": "啦啦啦啦","show_cover_pic": "1","title": "九福数据测试","content": "<iframe class=\"res_iframe weapp_app_iframe js_editor_weapp wxCard\" src=\"${cdnpath}/linkcrm/marketing/wx_small_code.html?appid=${appid}&&nickName=${nickName}&&path=${path}&&title=${title}&&imgUrl=${imgUrl}\" frameborder=\"0\" data-miniprogram-appid=\"${appid}\" data-miniprogram-nickname=\"${nickName}\" data-miniprogram-title=\"${title}\" data-miniprogram-imageUrl=\"${imgUrl}\" data-miniprogram-path=\"${path}\"></iframe><p><mp-miniprogram data-miniprogram-appid=\"wx31ccc23d0caff0bf\" data-miniprogram-path=\"pages/tabs/tabs\" data-miniprogram-title=\"小程序示例\" data-miniprogram-imageurl=\"https://mmbiz.qpic.cn/mmbiz_png/6bZBMcricibHHeSekWELdvz3CFSWtRzgLp3v5L1WDhUTxdzPicKrFr1BYhVeUcYMRh3Is7R7Cn8GpVdrHaWWsdibhA/0?wx_fmt=png\"></mp-miniprogram><p>222222</p ></p >"}]
}

主要看content里面的代码，传给微信时双引号必须为 \" ;然后这样基本就完了，大家赶快去试试吧！下面贴上效果图：

这里我们就可以在微信公众号给客户发送消息，客户就可以通过点击小卡片直接跳转至对应的小程序。

以下是我做这个功能的一些心得。与大家共勉

1、你要发送的小程序必须和你发送消息的公众号关联在一起，具体怎么关联可自行百度；

2、发送小程序卡片的封面图片必须是已经上传至微信服务器的且必须是1080*864像素的

3、就是发送显示同步至微信富文本编辑器的html代码必须按照以上代码验样例一样的格式。

微信公众号图卡片息发送【模拟发送一个小程序信息】相关推荐

微信公众号发送小程序卡片_微信公众号将能够直接给用户推送小程序卡片，社交电商开始发力...
公众号或能在对话框中直接给粉丝推送小程序卡片了,这个功能似乎正在灰度测试中. 微信公众号将能够直接给用户推送小程序卡片,社交电商开始发力一直以来,微信公众号和微信小程序一直是腾讯基于微信生态的两款明 ...
(教程) 个人微信公众号做查券机器人怎么关联优惠券小程序？
淘客在注册微信公众号时,如果注册的是个人的未认证的订阅号公众号,导航菜单是无法添加网址链接的,虽然做查券返利不影响,但是用户无法直接进入到用户中心, 那么用户使用体验会大打折扣. 下面个人订阅号怎么关 ...
php 公众号模板消息id如何获取_微信公众号后台模板消息如何实现发送的功能...
在公众平台实现发送模板消息功能,只能通过公众平台的接口开发实现,或者通过第三方平台微号帮功能模板消息群发实现,均能为微信公众号发送模板消息功能,模板消息发送不占用公众号每月的群发次数,模板消息仅用于公 ...
公众号如何跳转到页面php,图文详解微信公众号开发自定义菜单跳转页面并获取用户信息实例...
这篇文章主要介绍了微信公众号开发自定义菜单跳转页面并获取用户信息实例详解的相关资料,需要的朋友可以参考下微信公众号开发自定义菜单请先读完本文再进行配置开发请先前往微信平台开发者文档阅读&qu ...
微信公众号开发--自定义菜单跳转页面并获取用户信息(续)
之前写过一篇微信公众号开发–自定义菜单跳转页面并获取用户信息由于当时是刚学习微信公众号开发当时的思路虽然可行,不过不是最好的,最近也用到了需要获取用户信息的地方,再次整理一下. 流程注意点 ### ...
➢ 微信公众号运营教程（一）申请一个微信公众号
➢ 微信公众号运营教程(一)申请一个微信公众号我们要创建一个个人公众号,首先需要申请一个公众号. 下面详细说说申请过程. 注册地址:https://mp.weixin.qq.com/ 或者直接搜索: ...
外卖返利小程序系统公众号外卖饿了么美团cps返利小程序分销系统
外卖返利小程序系统公众号外卖饿了么美团cps返利小程序分销系统外卖CPS红包小程序源码分享外卖券外卖省省外卖探探美团饿了么外卖联盟优惠券小程序系统软件开发源码美团/饿了么外卖CPS联盟返利公众号 ...
微信公众号消息推送-模板消息发送
先注册一个微信公众号;或者申请接口测试号来进行开发: 接口测试号申请链接: https://mp.weixin.qq.com/debug/cgi-bin/sandbox?t=sandbox/login ...
微信公众号-根据openID给指定用户发送信息
微信公众号-给指定用户发送信息文章目录微信公众号-给指定用户发送信息前言一.开通模板消息二.项目使用步骤 1.引入库 2.直接上代码 controller service 其他一些封装的类 ...

微信公众号图卡片息发送【模拟发送一个小程序信息】

微信公众号图卡片息发送【模拟发送一个小程序信息】相关推荐

最新文章

热门文章