收藏
评论

小程序获取用户openid

我们在做小程序支付,在区分小程序用户时都需要用到openid,用户openid就相当于用户在小程序里的身份证。做为用户的唯一标示,所以获取到用户openid就显得很重要了,今天来教大家怎么样获取要用户的唯一标示 openid

所需参数是否必需
appid必需
appsecret必需

还是先看效果图


获取openid.png


上面就是我们实现后的效果。接下来开始给大家讲解具体实现步骤。

一,先看小程序官方文档(官方文档才是最好的老师)

微信官方文档.png


官方文档已经说了,要先通过wx.login获取一个临时凭证code,然后我们拿这个code去自己的服务器换取用户openid。那么问题来了,我们需要有一个自己的服务器,并且支持https请求。是不是感觉很难,为了帮助大家尽快学习小程序开发,后台的问题我给大家解决。大家可以直接请求我的后台api接口就行,不用自己搭建后台。

二,访问服务器获取openid

不多说先上代码,讲代码是最快的学习方式

  • user.wxml

<button type='primary' bindtap='getOpenid'>获取用户openid</button><text>{{openid}}</text>
  • user.js

// pages/user/user.jsPage({ data: {  openid: ''
 }, // 获取用户openid
 getOpenid: function() {  let that = this;  //获取openid不需要授权
  wx.login({   success: function(res) {    //请求自己后台获取用户openid
    wx.request({     url: 'https://30paotui.com/user/wechat',     data: {      appid: '你的小程序appid',      secret: '你的小程序secret',      code: res.code
     },     success: function(response) {      var openid = response.data.openid;      console.log('请求获取openid:' + openid);      //可以把openid存到本地,方便以后调用
      wx.setStorageSync('openid', openid);
      that.setData({       openid: "获取到的openid:" + openid
      })
     }
    })
   }
  })
 },
})

注意点

  • 1,https://30paotui.com/user/wechat是用来获取openid的服务器接口。(免费提供给大家用)

  • 2,下面的apppid和appsecret到你的小程序后台去找,找到后替换到下面的地方

data: {      appid: '你的小程序appid',
      secret: '你的小程序secret',
      code: res.code
},

获取appid和appsecret.png

到这里就可以获取到用户的openid了,是不是很简单。
扫描识别下面小程序码,学习更多零基础入门小程序的课程。



收藏

5 个评论

  • 2019-05-12

    您好 现在https://30paotui.com/user/wechat不能用了吗?

    2019-05-12
    赞同 7
    回复
  • 即将拥有人鱼线的Han0
    即将拥有人鱼线的Han0
    2022-07-09

    这免费接口就是盗openId的

    2022-07-09
    赞同 1
    回复
  • 好奇
    好奇
    2020-03-22

    你家 secret 存前端???

    2020-03-22
    赞同 1
    回复 2
    • wq
      wq
      2020-06-22
      那请问该怎么在前端访问secret呀?
      2020-06-22
      回复
    • 方新运
      方新运
      2021-03-16回复wq
      前端就不应该访问secret
      2021-03-16
      回复
  • 老张
    老张
    2018-09-17

    现在有了云开发,可以很方便地获得openId了。哪怕是大部分数据都是通过自己的服务器获得,也可以单独openId通过云开发获得,真的很方便。

    2018-09-17
    赞同 1
    回复 4
    • 邱石
      邱石
      2018-09-18

      嗯嗯,云开发也在学习了解中

      2018-09-18
      回复
    • 邱石
      邱石
      2018-10-11回复邱石

      新写了一篇借助云开发云函数获取用户openid的文章

      云开发云函数获取用户openid

      2018-10-11
      6
      回复
    • 大沙漠
      大沙漠
      2020-08-15
      想了解下,只获取openId 不需要弹窗授权,对吗。
      2020-08-15
      回复
    • ￴ ￴ ￴ ￴￴ ￴
      ￴ ￴ ￴ ￴￴ ￴
      2023-09-25回复大沙漠
      所以说还需要弹窗授权吗
      2023-09-25
      回复
  • 小泥巴公主
    小泥巴公主
    2021-06-19

    请教一下,自己的服务器怎么弄啊

    2021-06-19
    赞同
    回复
登录 后发表内容