微信小程序例子——获取用户唯一标识openid

原创 2017年06月10日 09:24:58

1、效果展示


2、关键代码

1)WXML文件


openid:{{openid}}
session_key:{{session_key}}

2)JS文件

const APP_ID ='';//输入小程序appid
const APP_SECRET ='';//输入小程序app_secret
var OPEN_ID=''//储存获取到openid
var SESSION_KEY=''//储存获取到session_key
Page({
  getOpenIdTap:function(){
    var that=this;
    wx.login({
      success:function(res){
        wx.request({
            //获取openid接口
          url: 'https://api.weixin.qq.com/sns/jscode2session',
          data:{
            appid:APP_ID,
            secret:APP_SECRET,
            js_code:res.code,
            grant_type:'authorization_code'
          },
          method:'GET',
          success:function(res){
            console.log(res.data)
            OPEN_ID = res.data.openid;//获取到的openid
            SESSION_KEY = res.data.session_key;//获取到session_key
            console.log(OPEN_ID.length)
            console.log(SESSION_KEY.length)
            that.setData({
              openid: res.data.openid.substr(0, 10) + '********' + res.data.openid.substr(res.data.openid.length - 8, res.data.openid.length),
              session_key: res.data.session_key.substr(0, 8) + '********' + res.data.session_key.substr(res.data.session_key.length - 6, res.data.session_key.length)
            })
          }
        })
      }
    })
  }
})

3)WXSS文件

button{
  margin: 10px;
  color: white;
  background: green;
}
view{
  margin: 10px;
}

3、源代码获取方式

百度云链接:http://pan.baidu.com/s/1miqPiBY


4、在获取用户唯一标识openid过程中有遇到任何问题或者不明白的地方,可以添加我的微信进行咨询,感谢支持!微信号:FutureJet

5、觉得不错请打赏,您的十分满意是笔者的无限动力。





版权声明:本文为博主原创文章,未经博主允许不得转载。

微信小程序案例:获取微信访问用户的openid

在微信开发项目中,获取openid是项目常遇的问题,本文通过主要讲解实现在微信小程序中如何获取用户的openid,案例实现非常简单         具体实现方法是通过登录接口获取登录凭证,然后通过r...
  • canpark
  • canpark
  • 2017年01月06日 17:00
  • 39195

微信小程序获取用户openid

1、wx.login(OBJECT)    调用接口获取登录凭证(code)进而换取用户登录态信息,包括用户的唯一标识(openid) 及本次登录的 会话密钥(session_key)。用户数据的加解...
  • qq_27626333
  • qq_27626333
  • 2017年01月19日 11:36
  • 33596

微信小程序获取openid服务器端代码

string JsCode2SessionUrl = "";         protected void Page_Load(object sender, EventArgs e)       ...
  • mushui0633
  • mushui0633
  • 2017年02月25日 20:01
  • 1022

关于小程序登录时获取openId和unionId走过的坑

目前的项目是在做小程序这方面的,接触过的人应该都知道,同一个微信开放平台下的相同主体的App、公众号、小程序的unionid是相同的,这样就可以锁定是不是同一个用户。微信针对不同的用户在不同的应用下都...
  • qq_38316918
  • qq_38316918
  • 2017年10月25日 16:34
  • 2074

小程序如何获取用户openid,唯一的,像微信号 编辑

wx.getUserInfo(OBJECT)只能获取nickName,avatarUrl,gender这些 A:openid两种获取方法。 1.login获得code。在用code换ope...
  • hanzhaoshuai
  • hanzhaoshuai
  • 2017年05月15日 21:46
  • 3394

微信小程序授权获取用户详细信息openid

小程序获取用户的头像昵称openid之类第一种使用wx.getUserInfo直接获取微信头像,昵称 wx.getUserInfo({ success: function (r...
  • qq_34827048
  • qq_34827048
  • 2017年09月15日 13:15
  • 6037

小程序基于java后台获取openid和sessionkey

@ResponseBody @RequestMapping("---------") public static void nn(@RequestParam(value="code",requir...
  • xuexixuexien
  • xuexixuexien
  • 2017年12月29日 14:51
  • 130

微信小程序获取获取openid

之前看很多获取openid都是直接在小程序里面获取的 但是现在不能在小程序里面讲获取openid 的地址加为白名单了 所以只能通过前段传来code 后段获取openid了 微信小程序代码 /**...
  • qq_1290259791
  • qq_1290259791
  • 2017年11月17日 12:24
  • 376

微信小程序获取openid中的问题

在官方文档中获取微信小程序openid的操作方法如下: 主要是利用wx.login()和wx.request()函数,代码如下: onLaunch: function() { wx.log...
  • tangxiujiang
  • tangxiujiang
  • 2017年08月18日 21:29
  • 1832

微信小程序开发(四)获取用户openid

在小程序里面有两个地方获取用户的openid。 一个是wx.login(OBJECT),第二个是wx.getUserInfo(OBJECT)。 这里我使用的是第一种wx.login(OBJECT)...
  • zhuming3834
  • zhuming3834
  • 2017年06月13日 12:05
  • 1917
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:微信小程序例子——获取用户唯一标识openid
举报原因:
原因补充:

(最多只允许输入30个字)