要给用户主动推送消息需要以下几步
1,开通订阅服务
2,选择消息模板保存模板id
3,用户同意接收消息
4,获取用户code
5,利用code和AppID和AppSecret获取openId和
access_token
6,利用openId获取session_token
7,利用access_token和openId及模板id并设置模板内容
1,开通订阅服务
前往微信公众平台>登录小程序账号>点击功能下的订阅消息>点击开通
2,选择消息模板保存模板id
如图,点击添加
找到想用的类型的模板 点击选用
下面可以选择关键词,并且样式就在左侧预览
提交后在我的模板下可以可以看到的添加的模板
这样你就有一个自己的模板了如果没有在模板仓库找到想要的模板,可以像微信申请创建一个新模板
3,向用户申请发送消息
// 在一个按钮上设置事件触发方法向用户申请发送消息权限,微信不允许自动触发
uni.requestSubscribeMessage({
tmplIds: [''],
success (res) { }
})
// 将上面申请的模板ID填进tmpllds中,例如
uni.requestSubscribeMessage({
tmplIds: ['jyBoklN_KaZnv6J0TMjnHhSwS2lm-vT3NRyn4saeO-M'],
success (res) {
console.log(res)
},
fail (err) {
console.log(err)
}
})
这样用户点击某一按钮时触发方法,会有弹窗向用户申请权限:例如
上图就是填了两个模板id,最多可以填三个
然后用户点击了允许,我们就有了权限在任意时刻向用户推送消息了
4,获取用户code
如果用云开发的化没这么麻烦,不过我这是常规开发,感觉还是有点繁琐,不过也就是使用方式,继续
用户的code在用户登录时获取,当然是用户确认登录
uni.login({
provider: 'weixin',
success: function (loginRes) {
console.log(loginRes.code);// 拿到code
}
});
5,利用code和AppID和AppSecret获取openId和
access_token
uni-app的文档上说使用uni.getUserInfo(OBJECT)获取openId,但是我并没有获取到,只能获取用户的昵称和头像信息,可以通过向微信发送请求获取,正常这个工作由后端做,不过前端能搞我觉得也没毛病
发送这个请求需要的参数,appid相信不用介绍,secret小程序的密钥在微信公众平台点击开发,点击开发设置,然后小程序管理者申请小程序密钥,复制保存他,很重要
然后还需要之前获取的用户的code,然grant_type填authorization_code
// 下面这段链接需要添参appid,secret ,js_code
https://api.weixin.qq.com/sns/jscode2session?appid=小程序id&secret=小程序密钥&js_code=用户信息中的code&grant_type=authorization_code
然后向微信发送get请求
let url =`https://api.weixin.qq.com/sns/jscode2session?appid=xxx&secret=xxx&js_code=xxx&grant_type=authorization_code`
axios.get(url)
.then(res => {
const { openid } = res.data;
// 拿到openid
console.log(openid)
.catch((err) => console.log(err))
这样成功的回调中就有需要的openId
6,利用openId获取session_token**
向上面一样向用户发送get请求给用户发送订阅消息还有别的方式,不过我用的这种较为笨拙的方式,也是我第一次做这个功能
发送如下请求所需参数是appId和app密钥
axios.get('https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=xxx&secret=xxx')
.then(res => {
// 获取 access_token
console.log(self.userAccess_token)
····
这样获取了所有所需的条件
最后一步发送post请求向用户发送消息
给用户发送的内容采用json格式,模板的内容需要按照模板的规定来
例如:
按照类型是thing还是time等等由不同的规格填写对应的value值,详细参照
https://developers.weixin.qq.com/miniprogram/dev/api-backend/open-api/subscribe-message/subscribeMessage.send.html
填写对应的内容,然后
ok
axios.post('https://api.weixin.qq.com/cgi-bin/message/subscribe/send?access_token=' + self.userAccess_token, {
"touser":用户的openid,
"template_id": "模板id",
"data": {
"thing1": {
"value": "可汉字、数字、字母或符号组合"
},
"time2": {
"value": "2020年07月28日 18:01"
},
"thing3": {
"value": "20个以内字符"
}
}}
).then(
res => {
console.log(res)
}).catch(err => console.log(err))
})
.catch(err => console.log(err))
如果哪里说的不明白可以问我,欢迎探讨
最后如果本文对你有用的话欢迎你关注我的公众号,会有各种技术栈的文章