小程序套用webview如何识别用户

小程序套用webview如何识别用户,第1张

小程序可以通过向自己的服务器发送请求获取用户的openid,然后将openid存储在用户的本地缓存中,每次请求时携带openid即可识别用户身份。在使用webview套用小程序的过程中,可以通过一些手段将用户的openid传递到webview中,在webview中获取openid后进行本地存储,然后在需要识别用户身份的时候读取该openid即可。当然,这种方法需要配合小程序后台接口实现,确保传递的openid是正确的并具有唯一性。

我遇到的情况是:{ errMsg: "cloud.callFunction:ok", result: null }

方法一:先检查是否在开发前安装好nods.js和npm;

在cmd输入:

node -v

npm -v

可以看到安装好的对应版本;

函数中使用 wx-server-sdk 需在对应云函数目录下安装 wx-server-sdk 依赖,可通过:

npm install --save wx-server-sdk@latest安装;

最后会提示:+wx-server-sdk@版本号。

成功安装依赖后,相应的云函数文件夹将生成一个package-lock.json文件。

再次上传并部署云函数:所有文件。

方法二:

在云端和本地上都要删除函数,再重新创建和上传,也许问题就会解决了!

方法三:

在云端上删除已经部署过的login函数:再次上传的时候可能会出现:

"Code": "ResourceNotFound.Function", "Message": "未找到函数版本,请创建后再...

然后此时在云端上新建函数,如下图:

再次上传并部署云函数,此时提醒函数已存在,不能重复上传,此时编译一下。

发现原本获取openid值为null的,现在能够成功获取到了用户的openid。

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

})

})


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

原文地址: http://outofmemory.cn/yw/11866196.html

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

发表评论

登录后才能评论

评论列表(0条)

保存