晓实战 | 最实用的微信支付模板消息实战分享(内含源码)

作者:刘游

知晓程序注:

「晓实战」是知晓程序推出的全新栏目。

我们会定期邀请优秀的开发者,从实践的角度,亲自分享他们使用知晓云(cloud.minaapp.com)开发的实战经验,如果你也想分享你的小程序实战经验,欢迎加入「晓实战」,添加客服晓小云(ID:minsupport2)投稿即可。

关注「知晓程序」微信公众号,回复「开发」,获取小程序开发全套经验。

对很多初级开发者来说,在小程序中实现微信支付模板消息的这个功能,还是比较麻烦的。本人也是小白,在用知晓云开发了一个多礼拜后,终于成功了!

总的来说,想要实现这个功能,需要完成以下几个点:

  • 表单提交,和知晓云后台进行对接。
  • 微信支付配置。
  • 在知晓云后台配置 trigger

这里需要注意的是,你的小程序里面配置的 SDK 必须大于或者等于 1.1.0 版本。在微信的开发者文档里面会有说明。

还有一点是需要注意的,如果你需要使用支付功能的话,小程序必须获取用户的 OpenID。所以建议一开始用开发者工具创建工程时,就创建一个有用户授权的功能的小程序。

申请模板消息

小程序后台申请模板消息,这个模板消息是:

首先,我们要做的就是跟知晓云后台绑定起来并进行授权,然后在小程序设置里面配置好服务器域名,确保小程序能正常访问知晓云的服务器。

我在知晓云开发者文档里面下载 SDK,放入小程序中的 utils 文档下,然后在小程序的 app.js 文件里的 onLaunch 的方法中引入 SDK,加入代码如下:

你的 ClientID 可以在知晓云后台设置的「小程序设置」里获取到。

绑定完成后就是添加 form 表单了,report-submit 表单里必须有这个属性,这样 JS 代码里面才能获取到 formid

源码分享

限于篇幅,源码不适合在文章直接贴出来。如果你想获得这份源码,关注「知晓程序」微信公众号,在后台回复「源码」就可以获取。

需要注意的是,如果各位要直接使用我的源码,记得输入自己的 ClientID 以及自己所创建表单的 tableID

功能实现

创建后台表单,记得添加两个列,名字为 phonetransaction_id,这样才能获取到支付的金额是多少

transaction_id 为支付凭证,判断用户是否真正的支付成功,因为我们需要判断如果用户取消微信支付的情况,这个值是用户真正的付款完成后才会获取。

另外一个就是 trigger。这里配置的时候需要用到小程序秘钥,在小程序后台获取就可以了。

还有最后一点需要注意哦,测试的时候一定要用手机测试!

如果能正常收到消息的话,代表你已经成功实现微信支付模板消息这个功能啦。

以上就是我的「晓实战」心得分享,希望能帮助你噢 ?

原文发布于微信公众号 - 知晓程序(zxcx0101)

原文发表时间:2017-11-07

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏Android自学

解决 WordPress 后台加载非常缓慢/打不开问题

1483
来自专栏微信平台开发

【腾讯游戏人生】微信小程序开发总结

目前【腾讯游戏人生】小程序已经发布上线,大家可以扫小程序码进行体验。接下来主要介绍在开发该款小程序过程中的一些思考和积累。

5998
来自专栏编程微刊

小程序开发快速入门教程(附源码)小程序初始化目录:我是分割线===开发ing示例步骤:

2313
来自专栏编程微刊

微信小程序从零开始开发步骤(四)自定义分享的功能

1694
来自专栏finleyMa

storybook的介绍和使用 比较火的响应式UI开发及测试环境

storybook是一套最近比较火的响应式UI 开发及测试环境。 可以可视化开发调试react,vue组件 官网:https://github.com/st...

3144
来自专栏PHP在线

微信小程序

微信小程序今天正式上线了,但是怎么看到呢? 第一:升级微信到最新的版本:6.5.3 第二:在微信中搜索“小程序示例”,在搜索结果中找到黑色图标S形状点开它,进入...

2.6K10
来自专栏杨逸轩 ' sBlog

常见的个人博客系统

3846
来自专栏狂码一生

QT5中操作QWidgetItem下的集合元素

1383
来自专栏狂码一生

QT5获取文件信息

1194
来自专栏jiajia_deng

svn 项目迁移到 git 保留 commit 记录

最近迁移了两个 SVN 项目到 Gitlab 上,唯一的目的就是想把提交记录保存下来,至于谁提交的无所谓,只希望能在看不懂一些代码的时候能追溯回去看看当时为什么...

1413

扫码关注云+社区

领取腾讯云代金券