文章目录

前言
一、注册微信小程序
- 1. 在微信公众平台官网首页点击右上角的“立即注册”按钮。
- 2. 选择小程序
- 3. 填写信息
- 4. 激活邮箱
- 5. 填写主体信息
二、登录公众平台
- 1.扫码登录
三.开通微信支付
- 1. 绑定微信支付商户号
- 2.小程序微信支付申请（要交300块钱）
四、开发者工具配置
- 1.点开云开发点击设置
- 2.点击添加商户号后进行账号绑定
- 3.jsapi和api退款权限授权
五、简单案例
- 1.新建一个page
- 2.新建云函数
- 3.编写云函数index.js
- 4.编写pay.wxml
- 5.编写pay.js
- 6.效果展示

前言

开通微信支付云调用，首先需要小程序已经开通了微信支付，而微信支付是不支持个人小程序的，需要企业账户才行，其次需要小程序已经绑定了商户号

一、注册微信小程序

1. 在微信公众平台官网首页点击右上角的“立即注册”按钮。

微信公众平台官网

2. 选择小程序

3. 填写信息

邮箱不能在微信平台注册过。。。。有注册过公众号、订阅号的都不行。。。。需要重新注册个QQ

4. 激活邮箱

5. 填写主体信息

选择个体工商户(可以淘宝注册一个营业执照)

二、登录公众平台

1.扫码登录

三.开通微信支付

1. 绑定微信支付商户号

①登录后点击微信支付去关联一个商户号

②然后扫码关联

③返回首页可以看到已经关联

2.小程序微信支付申请（要交300块钱）

①回到首页去申请微信支付

②点击后选择这个

可以参考这篇文章

四、开发者工具配置

1.点开云开发点击设置

2.点击添加商户号后进行账号绑定

此时微信收到授权信息，授权一下

3.jsapi和api退款权限授权

去授权

五、简单案例

微信支付文档

1.新建一个page

2.新建云函数

右键点击新建Node.js云函数----命名pay

3.编写云函数index.js

// 云函数代码
const cloud = require('wx-server-sdk')
cloud.init({env: cloud.DYNAMIC_CURRENT_ENV
})exports.main = async (event, context) => {const res = await cloud.cloudPay.unifiedOrder({"body" : "爱编程的小贤",//商品名称或商品描述event.goodName"outTradeNo" : "2608230605"+Date.parse(new Date()),//订单号，，，唯一  >>>>>>QQ号+时间戳"spbillCreateIp" : "127.0.0.1",//先填这个"subMchId" : "",//你的商户号"totalFee" : 1,//支付金额，，，分 event.totalFee*100"envId": "环境ID","functionName": "pay_cb"})return res
}

4.编写pay.wxml

<!--pages/pay/pay.wxml-->
<button bindtap="goPay">去支付</button>

5.编写pay.js

// pages/pay/pay.js
Page({//支付
goPay(){// 小程序代码wx.cloud.callFunction({name: 'pay',data: {//goodName:"贤哥",//totalFee:10,},success: res => {console.log("获取支付参数成功",res)const payment = res.result.payment//调起支付wx.requestPayment({...payment,success (res) {console.log('支付成功', res)},fail (err) {console.error('支付失败', err)}})},fail: res=>{console.log("获取支付参数失败",res)},})}
})

6.效果展示

微信小程序（云开发）----微信支付相关推荐

微信小程序云开发微信支付、订单查询、申请退款
微信小程序云开发微信支付使用云开发微信支付功能的前提统一下单查询订单申请退款常见问题总结: 使用云开发微信支付功能的前提小程序主体为企业或者工商个体户小程序完成了微信认证小程序接入微信 ...
微信小程序云开发-微信小程序账号申请及新手环境配置
申请一个微信小程序账号在微信开发时,我们yx时候可能需要用到微信小程序,微信小程序云开发需要使用注册的小程序appid,测试和游客进入是没有云开发的功能,所以我们需要注册一个微信小程序账号.在注册账 ...
校园二手书商城源代码基于微信小程序云开发，可在线支付提现，含详细配置教程
校园二手书商城源代码基于微信小程序云开发,可在线支付提现,含详细配置教程完整代码下载地址:校园二手书商城源代码基于微信小程序云开发欢迎使用,下面是配置教程长话短说,下面直接说配置流程一.小程序 ...
【系】微信小程序云开发实战坚果商城-云开发开篇
第 3-2 课:云开发开篇目录开篇 [系]微信小程序云开发实战坚果商城-开篇基础篇 [系]微信小程序云开发实战坚果商城-弹性盒子 [系]微信小程序云开发实战坚果商城-ES6 简单入门 [系]微信 ...
【系】微信小程序云开发实战坚果商城-开篇
开篇:无服务开发是未来? 目录开篇 [系]微信小程序云开发实战坚果商城-开篇基础篇 [系]微信小程序云开发实战坚果商城-弹性盒子 [系]微信小程序云开发实战坚果商城-ES6 简单入门 [系]微信小 ...
微信小程序云开发 · 从0搭建商业级校园跑腿平台（已开源）
微信小程序云开发 · 从零搭建商业级校园跑腿平台小秃僧新生代农民工,一枚准毕业的大四学生,热爱前端开发,做个有态度.有思想.有价值的公众号. 好久不更新了,再更新已是打工人! 我将分享用云开发 ...
微信小程序云开发项目——多肉植物销售小程序
前言此项目为本人在大学的毕业设计作品,基于微信小程序云开发技术进行开发,暂未商用和托管.编写文章意在为求职做准备,亦乐于与大家进行经验交流分享,欢迎进行评论咨询哦. 简介用户角色分为:一般顾客.商 ...
【系】微信小程序云开发实战坚果商城-扩展篇
第 5-1 课:扩展篇目录开篇 [系]微信小程序云开发实战坚果商城-开篇基础篇 [系]微信小程序云开发实战坚果商城-弹性盒子 [系]微信小程序云开发实战坚果商城-ES6 简单入门 [系]微信小程 ...
微信小程序-云开发起步
文章目录前言一.快速开始二.云开发实战 1.开通云开发 2.配置当前云开发环境 3.了解目录结构 4.云函数操作流程 5.上传云函数到云服务 6.基本操作(增.删.改.查) 总结前言微信小程 ...
关于微信小程序云开发，申请退款接口返回“订单不存在”的问题
关于微信小程序云开发,申请退款接口返回"订单不存在"的问题微信支付的退款接口返回"订单不存在",有可能是因为传入的商户订单号或微信订单号有误,但本文要讲的是关 ...

微信小程序（云开发）----微信支付

文章目录

前言

一、注册微信小程序

1. 在微信公众平台官网首页点击右上角的“立即注册”按钮。

2. 选择小程序

3. 填写信息

4. 激活邮箱

5. 填写主体信息

二、登录公众平台

1.扫码登录

三.开通微信支付

1. 绑定微信支付商户号

2.小程序微信支付申请（要交300块钱）

四、开发者工具配置

1.点开云开发点击设置

2.点击添加商户号后进行账号绑定

3.jsapi和api退款权限授权

五、简单案例

1.新建一个page

2.新建云函数

3.编写云函数index.js

4.编写pay.wxml

5.编写pay.js

6.效果展示

微信小程序（云开发）----微信支付相关推荐

最新文章

热门文章