5分钟在微信小程序中集成推送功能

更新2

2019/05/30
独立部署专业版已上线!百万级并发架构!超智能召回唤醒!

2019/10/20 更新支持了微信小程序订阅消息推送!支持订阅消息群发推送,定时推送等高级功能,还能和模板消息一起使用哦!

官网:https://vpush.pro
文档:http://doc.vpush.pro
购买:https://get.bigse.cn:4433


更新

2018年12月14

经过多次版本的更新迭代,目前高级版已经全面支持更强劲的推送能力+数据展示,想体验最新版本,请了解:

  • 官网:https://mssnn.cn
  • 文档:http://doc.mssnn.cn

我们创建了个小订阅号,给大家分享关于小程序开发的各种实用技巧黑科技和开发资源,扫一扫关注:

5分钟在微信小程序中集成推送功能_第1张图片


(以下是原文章)

这里给大家介绍的是一款专业、高效、实用的微信小程序推送平台:vPush
当然这也是古人云旗下的一款重点功能模块。
你可以快速的在几分钟内集成SDK到自己的微信小程序,然后就可以直接去后台进行消息推送了!简单方便是我们不懈的追求方向!

集成SDK

首先我们登陆古人云开发管理控制台:https://dev.guren.cloud
然后微信扫一扫即可登陆:

5分钟在微信小程序中集成推送功能_第2张图片
古人云开发控制台

然后点击左侧的 SDK下载,下载最新的SDK即可。

解压,复制vpush文件夹到自己的小程序目录

5分钟在微信小程序中集成推送功能_第3张图片
vPush目录

对,这样就已经集成成功了!

配置SDK

我们首先在开发者管理控制台添加一个应用,根据你的小程序信息进行填写添加即可:

5分钟在微信小程序中集成推送功能_第4张图片
vPush添加应用

添加完成,会自动进入推送模板页面,我们可以在顶部看到我们添加的 应用ID
5分钟在微信小程序中集成推送功能_第5张图片
vPush应用ID

接下来,我们进入到小程序,刚刚集成的SDK文件目录,编辑_vpush.js文件,把我们的应用ID填写上即可:
新版本的配置信息放在了config.js文件,我们只需要编辑这个文件的id变量即可!

5分钟在微信小程序中集成推送功能_第6张图片
配置vPush SDK

这样,我们就已经配置成功了!

配置域名

这个,域名是一定要配置的!因为我们要把用户的推送凭证发送到古人云的后端系统,这样才能正常推送消息给用户!
进入微信小程序后台页面,设置request域名那里,添加上https://cloud.safedog.cc即可!
至于为什么是这个域名!因为!它!备案了!!
所以!放心用!!

5分钟在微信小程序中集成推送功能_第7张图片
配置vPush域名

配置小程序

接下来,是比较重点的一个设置,就是在小程序中使用我们的SDK,这样才能收集到用户的推送凭证!
目前提供的SDK是一个小程序组件,所以你可以直接引入并使用即可。
首先在page的json文件中引入组件:

{
  "usingComponents": {
    "vpush-view": "/utils/vpush/view"
  }
}

然后在wxml页面中使用即可!推荐在一些用户点击的如卡片、按钮容器上进行使用,效果更好!

5分钟在微信小程序中集成推送功能_第8张图片
使用vPush组件

到这里,就可以了!
真的,简单吧!不用你做什么操作,小程序自动收集用户的推送凭证,你只管到后台进行模板消息推送即可!!so easy!!

发送模板消息

进入开发控制台:https://dev.guren.cloud,点击应用,双击要推送的模板,即可弹出配置界面,输入对应的推送信息,点击推送即可推送给你的小程序使用者们!!

你还可以设置放大关键词、定时推送时间、推送目标如tag、alias分组等强大配置哦!!

5分钟在微信小程序中集成推送功能_第9张图片
添加vPush推送

好了,小程序已经收到推送了!


5分钟在微信小程序中集成推送功能_第10张图片
小程序推送信息

最后的话

是吧,容易吧!
就是这么简单:配置、引入、推送!!

古人云,致力于解决微信小程序开发的50%难点!
赶紧试一下吧!开发控制台地址:https://dev.guren.cloud

你可能感兴趣的:(5分钟在微信小程序中集成推送功能)