专栏首页极乐技术社区5分钟实现微信云小程序支付功能(含源码)​

5分钟实现微信云小程序支付功能(含源码)​

只需要一个简单的云函数,就可以轻松的实现微信小程序支付功能

1、先上效果图

快速实现支付功能,有多快?有五连鞭这么快,不用搭建自己的服务器,不用买域名,不用备案域名,不用支持https。只需要一个简单的云函数,就可以轻松的实现微信小程序支付功能

2、准备工作

  • 非个人小程序,个人小程序用不了支付(小程序appid)
  • 已经申请微信支付的商户号(商户id,商户秘钥)。
  • 小程序里关联你的商户号(小程序和商户号绑定)
  • 微信小程序开通云开发

3 开干

(1)初始化云开发环境

(2)创建云函数pay

(3)引入第三方支付依赖tenpay

pay文件夹右键 选择在终端打开,安装依赖 npm i tenpay

安装完成后,我们的pay云函数会多出一个package.json 文件

(4)编写云函数

(5)简单写一个页面调用云函数

异常问题

  • Error: errCode: -404011 cloud function execution error
  • 是由于没有上传并部署,右键云函数上传并部署
    1. 签名错误 微信支付签名错误

点击下载源码

本文分享自微信公众号 - 极乐技术社区(wxapp-union),作者:敏哥

原文出处及转载信息见文内详细说明,如有侵权,请联系 yunjia_community@tencent.com 删除。

原始发表时间:2021-01-22

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

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 10行代码实现微信小程序支付功能,使用小程序云开发实现小程序支付功能(含源码)

    我们实现这个支付功能完全是借助小程序云开发实现的,不用搭建自己的服务器,不用买域名,不用备案域名,不用支持https。只需要一个简单的云函数,就可以轻松的实现微...

    编程小石头
  • 小程序-云开发-实现微信云支付功能

    对于支付下单在小程序当中是一个非常重要的功能,在未接入云支付之前,想要实现一个支付下单的功能,借助微信官方提供的wx.requestPayment()这个接口,...

    itclanCoder
  • 微信小程序实现微信支付功能流程

    微信支付: https://pay.weixin.qq.com/wiki/doc/api/index.html

    达达前端
  • 干货:如何借助小程序云开发实现小程序支付功能(含源码)

    本节就来教大家如何使用小程序云开发实现小程序支付功能的开发,不用搭建自己的服务器,不用有自己的备案域名,只需要简简单单的使用小程序云开发。

    腾讯云开发TCB
  • PHP实现微信小程序在线支付功能(代码实例)

    So:在微信的异步通知后,也需要给微信服务器,返回一个信息,只不过微信的所有数据格式都是xml的,所以我们在返回一个数据给微信即可。

    砸漏
  • 微信小程序支付功能全流程实践

    微信小程序为电商类小程序,提供了非常完善、优秀、安全的支付功能。在小程序内可调用微信的API完成支付功能,方便、快捷。小程序开发者在开发小程序时,支付流程是必然...

    胡哥有话说
  • 2020年最新最全小程序支付功能实现,借助小程序云开发实现小程序支付功能

    上面的邮箱验证成功以后,我们这里就要选企业了,当然如果你是个体工商户,你也可以选择个体工商户。

    编程小石头
  • 借助云开发10行代码实现小程序支付功能

    1,然后新建小程序,开始代码部分。 这里的appid一定要是你关联过微信支付商户的,并且还得是企业小程序。这里创建项目时记得选择不使用云服务,因为使用默认云开发...

    编程小石头
  • 10行代码实现小程序支付功能!丨实战

    我们实现这个支付功能完全是借助小程序云开发实现的,不用搭建自己的服务器,不用买域名,不用备案域名,不用支持https。只需要一个简单的云函数,就可以轻松的实现微...

    腾讯云开发TCB
  • 小程序云开发实现微信支付,小程序支付常见问题汇总及解决方案

    通常出现这个问题,是因为你拿到老师的代码以后,没有把project.config.json和pay的config下面的index.js里的appid改成你自己的...

    编程小石头
  • 微信练手小程序源码 - 日历(含各种功能组件)

    组件样式隔离采用了 apply-shared 方案,此模式下页面样式会影响组件样式,使用时需注意页面样式对日历组件样式的覆盖。

    用户5997198
  • 1分钟实现小程序发短信功能,借助云开发10行代码实现短信验证码登录小程序

    不仅仅可以很方便的使用短信功能,还送了咱们1000条免费短信。不用白不用嘛。这1000条短信足够咱们把小程序短信功能,和小程序短信验证码功能都学会了。

    编程小石头
  • 小程序短信验证码登录,1分钟实现小程序发短信功能,借助云开发10行代码实现短信验证码登录小程序

    刚知道云开发支持发短信功能,然后就迫不及待的来尝下鲜。进入官方文档一看,云开发给咱们开发者的福利还真不小。

    编程小石头
  • 腾讯云云开发入门

    腾讯云开发目前仅支持通过云开发控制台来登录和管理您的云服务。云开发提供基础能力的 SDK,通过云开发的 SDK,即可在您的移动应用中使用云开发所提供的数据库、存...

    勤劳的小蜜蜂
  • 微信早报 | 今日头条称腾讯「区别对待」;对标西瓜视频,腾讯推出下饭视频

    知晓君
  • 手把手带你开发一款云开发版点餐小程序,微信扫码点餐,用户端和后厨端都有

    我后面会教大家如何生成桌号二维码,只需要把对应桌号的二维码贴在餐桌上,用户点击 扫码点餐 识别二维码,即可获取到桌号信息。

    编程小石头
  • 请签收这份近期的云开发新能力汇总!

    CMS是云开发提供的一个扩展程序,可以在云开发控制台一键安装在自己的云开发环境中,方便开发人员和内容运营者随时随地管理小程序 / Web 等多端云开发内容数据。...

    腾讯云开发TCB
  • 何为云开发?why 云开发?聊聊我们的故事

    这是腾讯对云开发技术达人的一项荣誉认证,虽然我的技术和见闻远配不上 “达人” 这一称号,但也算是对自己小小的认可吧。

    程序员鱼皮
  • 校园二手商城小程序,手把手带你开发一款云开发版商城小程序,校园二手微信小程序,可升级社区团购小程序

    这些操作都和菜品列表是联动的,也就是菜品列表和购物车里增删个数,都是可以同步的。我会在项目预览章节的视频里做具体演示。

    编程小石头

扫码关注云+社区

领取腾讯云代金券