
1.1 获取code
首先我们要调用接口来获取登录凭证,也就是code,从而获取用户们登录的状态信息,其中有一个唯一标示,就是openid,还有我们登录要用到的钥匙(session_key)。用户的基本数据我们都要用到钥匙来获取数据。
wx.login({
//获取code
success: function(res) {
code = res.code //返回code
}
})
1.2 获取openid
拿到上一步获取的code,结合小程序 appid 和 secret 请求接口api.weixin.qq.com/sns/jscode2session?appid=APPID&secret=SECRET&js_code=JSCODE&grant_type=authorization_code 换取openid,与 openid 一同被返回的,还包括 session_key,其中 session_key 是对用户数据进行加密签名的密钥。为了自身应用安全,session_key 不应该在网络上传输。
wx.request({
url: 'api.weixin.qq.com/sns/jscode2session?appid=APPID&secret=SECRET&js_code='+ code +'&grant_type=authorization_code',
data: {},
header: {
'content-type': 'application/json'
},
success: function(res) {
openid = res.data.openid //返回openid
}
})
2. 获取用户信息
2.1 在app.js中创建该全局方法
//app.js
getUserInfo:function(cb){
var that = this
if(this.globalData.personInfo){
typeof cb == "function" &&cb(this.globalData.personInfo)
}else{
//调用登录接口
wx.login({
success: function () {
wx.getUserInfo({
success: function (res) {
that.globalData.personInfo = res.userInfo
typeof cb == "function" &&cb(that.globalData.personInfo)
}
})
}
})
}
}
2.2 实例化全局方法获取用户信息
var that = this
//调用应用实例的方法获取全局数据
app.getUserInfo(function (personInfo) {
//更新数据
that.setData({
personInfo: personInfo
})
})
微信公众平台: 微信公众平台
https://mp.weixin.qq.com/
商户平台: 商户平台
https://pay.weixin.qq.com/index.php/core/home/login
开发手册 api 是:
https://pay.weixin.qq.com/wiki/doc/api/index.html
https://pay.weixin.qq.com/wiki/doc/api/wxa/wxa_api.php?chapter=9_1
生成XML的测试接口: 测试接口
https://pay.weixin.qq.com/wiki/tools/signverify/
32位随机码生成器
1 配置参数, 一个都不能少(这些都是必填的,还有其他选填的参数,也可以随心情填写)
appid 此小程序的唯一标识 例如:wxed9dxxx6d6cxxx9e
body 可以写商品描述 例如:我是商品描述,用户买了两个馒头
mch_id 商户id 需在 商户平台 查看(申请商户平台成功就会得到) 如: 149411***2
nonce_str 随机字符串(别带小数点(没考证 感觉)) 例如:76521019851170500000
notify_url 成功后的通知地址 例如:https://baidu.top/callbackofpay
openid 用户的唯一标识 在用户使用小程序的时候通过其 code 换取 openid
例如: obxgc5CgBbgKDrvcxxxxxJ-xxxxx
out_trade_no 商户订单号 例如:20180805740161 需要无重复
spbill_create_ip 终端ip(服务器的ip)貌似 127.0.0.1 就行
total_fee 此单的交易额度(钱 money) 例如:888 单位是 分钱。及8.88元钱 ( 注意是数值型,非字符型,除此之外其他的都是字符型 )
trade_type 小程序用 'JSAPI' 其他看api
2 将以上参数(必要参数一个不能少)按照 key 字典排序,进行拼接。
例如: appid=wxedxxx2xxx6c03e9e&body=我是商品描述,用户买了两个馒头.&mch_id=149411***2&nonce_str=76521019851170500000 ......
3 在结尾加上 商户的秘钥 mch_key (需在商户平台配置 在:账户中心-->账户设置-->API安全-->API秘钥 ,可以用 32位随机码生成器 生成)
+ "&key=" + mch_key
5 对拼接成的字符串,进行md5加密-->转大写 -->生成 签名 sign
例如: 425F6561A654B366B5519F000CF2AE61
6 将以上参数拼成 xml
let _xmlUnifiedorder = `
${myObj.appid}
${myObj.body}
${myObj.mch_id}
${myObj.nonce_str}
${myObj.notify_url}
${myObj.openid}
${myObj.out_trade_no}
${myObj.spbill_create_ip}
${myObj.total_fee}
${myObj.trade_type}
${sign}
`
7 携带参数 post 访问 https://api.mch.weixin.qq.com/pay/unifiedorder 接口
如果正确 会成功得到 xml格式的 prepay_id ,如果签名错误进行下面的错误查找。
~~:进行错误查找 可以拿出参数在 测试接口 进行测试 ,无异常可以正常生成 xml之后,如果还报错。
试着 更改 商户平台的秘钥 (详细请看第 3 步)。貌似很多人都踩这个雷了 ...
<code>
// 字典排序 key1=xxx&key2=zzz 拼接成字符串
function joinToStr(_obj) {
let keyArr = []
for (let key in _obj) {
keyArr.push(key)
}
keyArr = keyArr.sort()
console.log("keyArrSort--->", keyArr)
// paySign = MD5(appId=wxd678efh567hg6787&nonceStr=5K8264ILTKCH16CQ2502SI8ZNMTM67VS&package=prepay_id=wx2017033010242291fcfe0db70013231072&signType=MD5&timeStamp=1490840662&key=qazwsxedcrfvtgbyhnujmikolp111111) = 22D9B4E54AB1950F51E0649E8810ACD6
// _str 是 paySign 中MD5 包裹的字符串部分
let _str = ""
let len = keyArr.length
for (let i = 0i <leni++) {
if (i == len - 1) {
_str += (keyArr[i] + "=" + _obj[keyArr[i]])
} else {
_str += (keyArr[i] + "=" + _obj[keyArr[i]] + "&")
}
}
return _str
}
</code>
建议买付费证书免费证书的周期比较短,一旦没有及时申请就会使小程序无法使用。
小程序选ssl证书和普通网站选ssl证书是一样的,所有商用SSL证书均可满足小程序的需求,想要便宜点的可以选择RapidSSL这个品牌的证书,这个品牌有一个基础级的dv域名型单域名证书,价格不贵不到两百元,而一个基础级的通配符dv证书,也挺便宜不到八百元。
解决方法:ssldun证书可以满足小程序需求
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)