<view class="renwuli">
<button open-type='contact' show-message-card="true" send-message-title="消息卡片标题" send-message-path="/pages/new/new" send-message-img="https://www.baidu.com/img/bd_logo1.png">联系客服</button>
</view>
这是一个小程序连接按钮,点击可以跳转小程序客服并在右下角提示可能发送的小程序
send-message-title="消息卡片标题"
send-message-path="小程序的页面连接"
send-message-img="消息卡片的图片"
去开发,设置,其它设置里 添加消息推送 送一个miniprogrampage的推送
然后建一个云函数
// 云函数入口文件
const cloud = require('wx-server-sdk');
cloud.init();
// 云函数入口函数
exports.main = async (event, context) => {
const wxContext = cloud.getWXContext();
if (event.MsgType == 'link') {
await cloud.openapi.customerServiceMessage.send({
touser: wxContext.OPENID,
msgtype: 'link',
link: {
title: '标题',
description: '描述',
thumbUrl: '缩略图',
url: 'H5地址'
}
});
}else {
await cloud.openapi.customerServiceMessage.send({
touser: wxContext.OPENID,
msgtype: 'link',
link: {
title: '标题',
description: '描述',
thumbUrl: '缩略图',
url: 'H5地址'
}
});
}
return 'success';
};
这样点击“可能发送的小程序”,就发发送设置的小程序连接,并发送一个H5的图文连接,H5的内容可以自定义方便后期更新。主要解决的是小程序内不能长按识别二维码,通过客服跳转到H5方便加群等操作。