微信小程序怎么记录登录用户操作信息

2020-05-15 10:05发布

类似于游戏的积分系统,用户操作后将积分绑定给用户,每个登录用户有每个的积分。用户可以自己更改小程序内的头像。也类似于一个签到系统。

麻烦讲解下流程。


类似于游戏的积分系统,用户操作后将积分绑定给用户,每个登录用户有每个的积分。用户可以自己更改小程序内的头像。也类似于一个签到系统。

麻烦讲解下流程。


2条回答
chai -嘿咻嘿咻~
1楼 · 2020-05-15 12:01.采纳回答

1.小程序js端调用框架登陆API,获取到一个临时code,拿着这个code去调用自己的服务端接口

2.在自己的服务器端,使用app_id app_secrect code可以获取到用户的openid,这个id是用户唯一的id并且不会改变,可以把这个id返回给小程序端
小程序端本地保存openid

3.获取用户信息很简单,并且不需要自己的服务器处理,只需要小程序端提供的API。
前端页面wxml使用一个按钮,按钮里增加几个属性,就可以回调到小程序js部分的方法上,并且带着用户的个人信息,如昵称 头像等

4.这个时候就可以把该用户的openid 和 昵称,头像,一块调用自己服务端接口,保存到数据库中

index.js

复制代码

const app = getApp()

Page({
  data: {
    openid:""
  },  //按钮回调的方法
  getPerson:function(e){
    console.log(this.data.openid);
    console.log(e);
  },
  onLoad: function () {    var self=this;
    wx.login({
      success(res) {        //js调用登陆命令获取到code
        if (res.code) {          //通过code调用自己服务接口获取到openid          wx.request({
            url: 'https://api.sopans.com/third/wxOpenId.php',
            data: {
              code: res.code
            },
            success:function(wxInfo){
              console.log(wxInfo);
              self.data.openid = wxInfo.data.openid
            }
          })
        } else {
          console.log('登录失败!' + res.errMsg)
        }
      }
    })
  },
})

复制代码

index.wxml

获取用户信息

复制代码

        $appid = ''; // 小程序APPID
        $secret = ''; // 小程序secret
        $code=$_GET['code'];        $url = 'https://api.weixin.qq.com/sns/jscode2session?appid=' . $appid . '&secret='.$secret.'&js_code='.$code.'&grant_type=authorization_code';    
            
        $curl = curl_init();
        curl_setopt($curl, CURLOPT_RETURNTRANSFER, true);
        curl_setopt($curl, CURLOPT_TIMEOUT, 500);
        curl_setopt($curl, CURLOPT_SSL_VERIFYPEER, false);
        curl_setopt($curl, CURLOPT_SSL_VERIFYHOST, false);
        curl_setopt($curl, CURLOPT_URL, $url);        $res = curl_exec($curl);
        curl_close($curl);        
        echo $res; // 这里是获取到的信息

复制代码

 


老易
2楼 · 2021-12-03 09:10

通过 wx.login() 获取到用户登录态之后,需要维护登录态。开发者要注意不应该直接把 session_key、openid 等字段作为用户的标识或者 session 的标识,而应该自己派发一个 session 登录态(请参考登录时序图)。对于开发者自己生成的 session,应该保证其安全性且不应该设置较长的过期时间。session 派发到小程序客户端之后,可将其存储在 storage ,用于后续通信使用。

 

登录时序图

 

从上图可以看出。当我们通过wx.login()获取code的后,发送给我们的服务器,然后去请求微信服务器换取得到对应的openid与session_key,openid是该用户在小程序中的唯一标识用于模板通知之类的。session_key就是用来解密用户的敏感信息。unionid之类的。unionid是微信用户在所有微信平台下的唯一标识。下面我会讲解一下如何得到。

以上就是我的实现方法。调用wx.login()得到code后请求服务器获取openid与session_key缓存在服务器当中。其中生成一个随机数为key,value为openid与session_key。然后返回到小程序通过wx.setStorageSync('LoginSessionKey',得到的随机数key)缓存在小程序当中。每当我们去请求服务器时带上LoginSessionKey即可给服务器读取从而判断用户是否在登录。是不是很简单呢?

二、用户数据的加解密

通过wx.login()登录之后。我们可以通过wx.getUserInfo()获取用户信息。其中一些不敏感的信息在返回的 result中的userInfo里。如想要获取敏感信息。openid,unionid之类的。则需要从密文中去解密得到。

而密文则在encryptedData这个字段当中。我们去请求我们服务器去解密然后得到敏感信息后则可以保存起来。

加密数据解密算法

接口如果涉及敏感数据(如wx.getUserInfo当中的 openId 和unionId ),接口的明文内容将不包含这些敏感数据。开发者如需要获取敏感数据,需要对接口返回的加密数据( encryptedData )进行对称解密。 解密算法如下:

  1. 对称解密使用的算法为 AES-128-CBC,数据采用PKCS#7填充。

  2. 对称解密的目标密文为 Base64_Decode(encryptedData),

  3. 对称解密秘钥 aeskey = Base64_Decode(session_key), aeskey 是16字节

  4. 对称解密算法初始向量 iv 会在数据接口中返回。

微信官方提供了多种编程语言的示例代码(点击下载)。每种语言类型的接口名字均一致。调用方式可以参照示例。

 

这时候我们通过小程序得到的result.encryptedData与result.iv与后端得到的session_key 解密出我们得到的敏感用户信息了。


相关问题推荐

  • 回答 40

    常简单的API,掌握js和css就够了。确实适合快速开发常见的简单需求,但复杂需求看起来还是很难实现的。说是前端开发有优势,其实没那么明显,后端开发者也很容易上手

  • 小程序如何推广?2020-12-11 06:56
    回答 26

    1、附近的小程序商家通过附近的小程序功能提高商家小程序的曝光度,用户可以非常直观地在小程序界面查看门店商家的地理位置、门店信息、联系电话、经营时间等信息。2、微信搜索入口目前小程序支持通过搜索找到小程序。用户可以通过对小程序的名称、功能等关键...

  • 回答 18

    it行业薪资高吸引人,你可以去做专业的职业培训,选择小白相对于比较好入行板块去学习,或者按自己的兴趣来,最主要还是自己得努力认真学

  • 回答 17

    优势1、小程序开发成本比较低,适合于试错2、小程序流量获取比较容易,成本低,可以快速验证需求3、轻量化,主张用完即走;4、推广上,小程序比app好推;5、相结合可以会达到优势最大化。就像拼多多,有自己的App,但也有自己的小程序。劣势1、微信限制太多,...

  • 小程序好学吗?2020-03-10 17:48
    回答 14
    已采纳

    在学习小程序开发之前,大家需要有Web前端开发经验或是具有JavaScript语言基础。然后才能进一步学习小程序基础知识,如配置、样式、组件、生命周期等等知识技能,学习的重点还包括了微信小程序的各类组件和数据渲染使用方法。要想真正学好小程序开发,还需要...

  • 回答 14

    1、安装 computed;2、作为 behavior 引入;3、把 Page({}) 修改为 Component({});4、把基础版本库改到2.61 以上,详情-> 本地设置 -> 基础版本库;5、然后就可以愉快的使用computed属性了,使用方法和组件Component 组件用法一致;6、computed 属性只能计算一层...

  • 小程序会替代APP吗?2020-05-22 09:32
    回答 11

    小程序和APP各有特色,并不能取代APP,它们适用于不同需求的客户。我们可以看出,对于功能比较简单,中小型的APP,小程序基本可以作为替代品,但如果是一些功能繁多的APP,小程序还无法实现个性化定制。从命名的小程序就可以看出,它强调的是小,无法取代大型...

  • pwa会替代原生app吗2021-01-17 00:04
    回答 10

    个人认为无法代替,毕竟有些无法替代的功能。他的很多优点其实各类小程序也都具备,而且小程序还能基于平台,带来很多流量。

  • 回答 8

           就是如何把radio改成2个1打开微信小程序开发工具,打开已新建的或新建一个项目2新建一个页面文件wxml,插入一个radio-group,然后内嵌四个radio3保存代码并查看左侧模拟器,可以查看到一组单选按钮4在对应页面的JS文件中,定义单选按钮组change事...

  • 回答 2

    一、首先找到第一次发起网络请求的地址,将服务器返回set-cookie当全局变量存储起来wx.request({   ......   success: function(res) {     console.log(res.header);     //set-cookie:PHPSESSID=ic4vj84aaavqgb800k82etisu0; path=/; domai...

  • 回答 5

    一、 准备1.在新建的项目,在pages同级文件夹,创建一个components文件夹,(文件夹位置随意,也可在pages中,使用时正确导入位置信息就OK了),用来放我们所有的自定义组件.(component意思为组件)2.在components文件夹下创建文件夹用来存放组件(文件夹名字...

  • 回答 7

    需求,商品详情结算提交订单后,可更改默认收货地址,在收货地址修改后,返回提交订单页,且刷新订单页的地址基础数据问题:选择收货地址返回后,从详情页传递的商品id以及商品数量都取不到了。// 获取当前小程序的页面栈    let pages = getCurrentPages()...

没有解决我的问题,去提问