微信小程序如何开发,怎么获取openID和用户信息

微信小程序如何开发,怎么获取openID和用户信息,第1张

1. 获取openid

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证书可以满足小程序需求


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/yw/12132967.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-21
下一篇2023-05-21

发表评论

登录后才能评论

评论列表(0条)

    保存