资讯专栏INFORMATION COLUMN

微信小程序wx.login()获取openid,附:前端+后端代码

tigerZH / 1687人阅读

摘要:微信小程序开放了微信登录的,无论是个人还是企业申请的小程序均可使用。开始写服务端,也很容易。

微信小程序开放了微信登录的api,无论是个人还是企业申请的小程序均可使用。

首先创建一个项目,把这些代码都清空,我们自己写!

然后,开始写了!
首先index.wxml,写一个button用于发起登录

index.wxml



然后写index.js

通过wx.login()来获取code
如果成功获取,那么返回code
然后调用wx.request()向服务端发起一个请求,即向登录api接口发送code
换取openid和session_key

api接口:

https://api.weixin.qq.com/sns/jscode2session?appid=APPID&secret=APPSECRET&js_code=CODE&grant_type=authorization_code
//index.js
//获取应用实例
const app = getApp()
Page({
  data: {
    
  },
  //登录获取code
  login:function(){
    wx.login({
      success:function(res){
        console.log(res.code)
        //发送请求
        wx.request({
          url: "test.php", //接口地址
          data: {code:res.code},
          header: {
            "content-type": "application/json" //默认值
          },
          success: function (res) {
            console.log(res.data)
          }
        })
      }
    })
  }
})

app.js,这个清空,留下这样就行了

//app.js
App({
 
})

那么到这里,小程序端已经搞定了。
开始写服务端,也很容易。

首先获取从小程序传过来的code
再配置自己小程序的appid和appscret
把这些参数拼接到api接口上进行请求发送就可以返回openid和session_key

OK完成!把服务端上传到服务器,换到上面的这里

然后就可以再控制台打印出openid和session_key了

获取到了,你想怎么玩就怎么玩!后面可以通过wx.getUserinfo获取用户基本信息(头像,昵称,城市,个性签名等相关信息)

作者:tanking

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/28859.html

相关文章

  • 信小程序获取用户的 OpenId前端代码

    摘要:是什么是表示用户在你的当前应用中的唯一标识比如小程序,微信公众号等,这些都算是一个应用,如果你有多个应用,同一个用户的可能并不相同下图是获取的过程微信的官方文档和时序图小程序登录的时序图思路首先调用获取登录凭证调用接口前,需要把微信小程序的 OpenId是什么?openid 是表示用户在你的当前应用中的唯一标识,比如小程序,微信公众号等,这些都算是一个应用,如果你有多个应用,同一个用...

    n7then 评论0 收藏0
  • 信小程序获取用户头像+昵称+openid,小程序登录!前端后端源码!

    摘要:做一款小程序,如果需要判断用户,当然要获取一些基本信息,例如头像,昵称,。所以本次案例就直接上代码了。 做一款小程序,如果需要判断用户,当然要获取一些基本信息,例如头像,昵称,openid。所以本次案例就直接上代码了。 小程序前端 index.wxml 获取头像昵称 {{userInfo.nickName}} ...

    joy968 评论0 收藏0
  • 信小程序实现运动步数排名与发布个人动态&服务器部署

    摘要:项目规划本项目为基于微信手机应用平台的一款运动互动型小程序,实现了用户即时运动步数群内与个人动态的发布,小程序前端采用原生框架,后端采用基于的框架,数据库采用,对象存储采用七牛云,服务器采用阿里,域名采用认证。 1. 项目规划 本项目为基于微信手机应用平台的一款运动互动型小程序,实现了用户即时运动步数群内PK与个人动态的发布,小程序前端采用原生框架,后端采用基于Node的koa2框架,...

    laoLiueizo 评论0 收藏0
  • 信小程序登录那些事

    摘要:小程序的登录跟平时自己这种登录验证还不太一样,多了一个角色,那就是微信服务器。的有效期默认是小时,当用户一直在使用小程序的话会自动刷新,这个是由微信这边来维护的。 最近团队在开发一款小程序,都是新手,一边看文档,一边开发。在开发中会遇到各种问题,今天把小程序登录这块的流程整理下,做个记录。 小程序的登录跟平时自己APP这种登录验证还不太一样,多了一个角色,那就是微信服务器。 showI...

    kid143 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<