零基础学小程序007---小程序获取用户openid

简介: 零基础学小程序007---小程序获取用户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

相关文章
|
小程序 JavaScript
小程序云开发获取openid及出现openid是undefind的坑
小程序云开发获取openid及出现openid是undefind的坑
169 0
|
小程序 前端开发 JavaScript
微信小程序(二十一)小程序登录获取openid和unionid
在微信小程序中,因为各种各样的原因我们会需要获取到用户的openid或者unionid下面就简单来讲一下在小程序中如何获取openid和unionid。 步骤一:微信登录获取登录凭证
1049 0
|
5月前
|
小程序 JavaScript
【微信小程序-原生开发】实用教程11 - 用户登录鉴权(含云函数的创建、删除、使用,通过云函数获取用户的openid)
【微信小程序-原生开发】实用教程11 - 用户登录鉴权(含云函数的创建、删除、使用,通过云函数获取用户的openid)
85 0
|
小程序 PHP
10行PHP代码快速获取小程序openid
10行PHP代码快速获取小程序openid
239 0
|
小程序 前端开发
uniapp+node.js(express框架)获取微信小程序的openid
uniapp+node.js(express框架)获取微信小程序的openid
225 0
|
小程序 前端开发 API
微信小程序_获取openid联动django实现
微信小程序_获取openid联动django实现
180 0
|
小程序 JavaScript PHP
基于PHP方法,微信公众号小程序获取code,access_token,openid,用户信息
基于PHP方法,微信公众号小程序获取code,access_token,openid,用户信息
282 0
|
小程序 安全 数据安全/隐私保护
【愚公系列】2022年04月 微信小程序-获取用户信息和OPENID
【愚公系列】2022年04月 微信小程序-获取用户信息和OPENID
459 0
【愚公系列】2022年04月 微信小程序-获取用户信息和OPENID
|
C#
【微信小程序】c# 实现获取openid、session_key 服务端
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/tianchao7c/article/details/83413558 c#写一个获取微信小程序 openid和session_key 的方法。
2557 0
|
开发者
微信小程序中的用户ID(openid和unionid)
前沿 做过微信开发的同学,多多少少都会涉及到用户的唯一标示的问题。由于微信牢牢把控着用户的信息,因此当你需要在微信平台中获取用户的标示信息,必然要通过微信的平台接口来获取(当然,你可以通过你自己的平台的逻辑来做,比如让用...
3627 0