微信开发者工具代码管理

第一步初始化你的账号

首先点击进入微信开发者代码管理扫码登陆界面

登陆成功后

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

之后按照要求完成账户初始化要求!

第二步使用git clone把项目克隆到本地

在磁盘中新建一个空的文件夹,并在文件夹中由于项目的地址不方便公开可在群里获取进入这个空文件夹里右键 git bash

在这里插入图片描述

git bash here以后就用这一句 之后这个空文件里面就会出现一个和这个克隆项目同名的文件

git clone 克隆地址

在这里插入图片描述

出现文件

在这里插入图片描述

打开文件

在这里插入图片描述

说明克隆成功了!这个时候呢就用开发者工具打开我们克隆下来的项目。

第三步转移到开发者工具界面

成功打开clone到本地的项目后点击版本管理

在这里插入图片描述

点击设置

在这里插入图片描述

点击网络和认证

在这里插入图片描述

点击远程,配置远程仓库

在这里插入图片描述
在这里插入图片描述

如果添加远程仓库显示成功那么尝试改变一些代码,最好是往app.js里面添加一些无关紧要的注释,写入之后Ctrl+S保存修改记录

在这里插入图片描述

修改之后继续点开版本管理

在这里插入图片描述
在这里插入图片描述

然后点击推送按钮

在这里插入图片描述
在这里插入图片描述

再去网页仓库确认一下是否推送成功

在这里插入图片描述

老规矩,先看本节效果图 我们实现这个支付功能完全是借助小程序云开发实现的,不用搭建自己的服务器,不用买域名,不用备案域名,不用支持https。只需要一个简单的云函数,就可以轻松的实现微信小程序支付功能。 核心代码就下面这些 一,创建一个云开发小程序 关于如何创建云开发小程序,这里我就不再做具体讲解。不知道怎么创建云开发小程序的同学,可以去翻看我之前的文章,或者看下我录制的视频:https://edu.csdn.net/course/play/9604/204528 创建云开发小程序有几点注意的 1,一定不要忘记在app.js里初始化云开发环境。 2,创建完云函数后,一定要记得上传 二, 创建支付的云函数 1,创建云函数pay 三,引入三方依赖tenpay 我们这里引入三方依赖的目的,是创建我们支付时需要的一些参数。我们安装依赖是使用里npm 而npm必须安装node,关于如何安装node,我这里不做讲解,百度一下,网上一大堆。 1,首先右键pay,然后选择在终端中打开 2,我们使用npm来安装这个依赖。 在命令行里执行 npm i tenpay 安装完成后,我们的pay云函数会多出一个package.json 文件 到这里我们的tenpay依赖就安装好了。 四,编写云函数pay 完整代码如下 //云开发实现支付 const cloud = require('wx-server-sdk') cloud.init() //1,引入支付的三方依赖 const tenpay = require('tenpay'); //2,配置支付信息 const config = { appid: '你的小程序appid', mchid: '你的微信商户号', partnerKey: '微信支付安全密钥', notify_url: '支付回调网址,这里可以先随意填一个网址', spbill_create_ip: '127.0.0.1' //这里填这个就可以 }; exports.main = async(event, context) => { const wxContext = cloud.getWXContext() let { orderid, money } = event; //3,初始化支付 const api = tenpay.init(config); let result = await api.getPayParams({ out_trade_no: orderid, body: '商品简单描述', total_fee: money, //订单金额(分), openid: wxContext.OPENID //付款用户的openid }); return result; } 一定要注意把appid,mchid,partnerKey换成你自己的。 到这里我们获取小程序支付所需参数的云函数代码就编写完成了。 不要忘记上传这个云函数。 出现下图就代表上传成功 五,写一个简单的页面,用来提交订单,调用pay云函数。 这个页面很简单, 1,自己随便编写一个订单号(这个订单号要大于6位) 2,自己随便填写一个订单价(单位是分) 3,点击按钮,调用pay云函数。获取支付所需参数。 下图是官方支付api所需要的一些必须参数。 下图是我们调用pay云函数获取的参数,和上图所需要的是不是一样。 六,调用wx.requestPayment实现支付 下图是官方的示例代码 这里不在做具体讲解了,完整的可以看视频。 实现效果 1,调起支付键盘 2,支付完成 3,log日志,可以看出不同支付状态的回调 上图是支付成功的回调,我们可以在支付成功回调时,改变订单支付状态。 下图是支付失败的回调, 下图是支付完成的状态。 到这里我们就轻松的实现了微信小程序的支付功能了。是不是很简单啊,完整的讲解可以看视频。
©️2020 CSDN 皮肤主题: 大白 设计师:CSDN官方博客 返回首页