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

咱们在作小程序支付，在区分小程序用户时都须要用到openid，用户openid就至关于用户在小程序里的身份证。作为用户的惟一标示，因此获取到用户openid就显得很重要了，今天来教你们怎么样获取要用户的惟一标示 openid

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

仍是先看效果图

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

一，先看小程序官方文档（官方文档才是最好的老师）

官方文档已经说了，要先经过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.js
Page({
 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，30paotui.com/user/wechat…
• 2，下面的apppid和appsecret到你的小程序后台去找，找到后替换到下面的地方

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

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