zoukankan      html  css  js  c++  java
  • 微信小程序案例:获取微信访问用户的openid

     在微信开发项目中,获取openid是项目常遇的问题,本文通过主要讲解实现在微信小程序中如何获取用户的openid,案例实现非常简单

    具体实现方法是通过登录接口获取登录凭证,然后通过request请求微信的公共API,将凭证转换得到我们需要的openid,需要用到的微信API有以下:

    1.wx.login    调用接口获取登录凭证
    2.wx.request 发起的是 HTTPS 请求 3.通过https://api.weixin.qq.com/sns/jscode2session?appid=appid
    &secret=app_sectet&grant_type=authorization_code&js_code=code将登录凭证转换获取openid 具体调佣到的公共api和参数,大家可以通过微信文档查阅相关内容,本文就不做详解,主要说明开发中遇到的一个小问题: 由于微信的wx.request请求有白名单机制,并且只能请求安装了ssl证书的网站,因此通过以上步骤获取openid之前,我们先要到微信小程序后台配置,将api.weixin.qq.com的域名添加进白名单,然后才能实现代码,一下是代码的实现案例:
     1       //调用微信登录接口
     2        wx.login({
     3         success: function (loginCode) {
     4           var appid = ''; //填写微信小程序appid
     5           var secret = ''; //填写微信小程序secret
     6    
     7           //调用request请求api转换登录凭证
     8           wx.request({
     9             url: 'https://api.weixin.qq.com/sns/jscode2session?appid=‘+<code></code>appid+’&secret=‘+secret+’&grant_type=authorization_code&js_code='+loginCode.code,
    10             header: {
    11                 'content-type': 'application/json'
    12             },
    13             success: function(res) {
    14               console.log(res.data.openid) //获取openid
    15             }
    16           })
    17         }
    18       })
  • 相关阅读:
    [BZOJ5015][Snoi2017]礼物
    [BZOJ5016][Snoi2017]一个简单的询问
    [BZOJ4184]shallot
    上传头像
    前端基础之jQuery
    前端之html的查漏补缺
    CSS3圆角、阴影、rgba
    CSS3新增选择器
    前端基础之BOM和DOM
    前端基础之JavaScript
  • 原文地址:https://www.cnblogs.com/guoyeqiang/p/7840194.html
Copyright © 2011-2022 走看看