获取昵称和头像wxml

<view>

  <button type="default" bindtap="getUserInfor"> 获取昵称及头像button>

view>

<view>

  昵称：{{nickName}}

view>

<view>

  <view>头像view>

  <image src="{{avatarUrl}}" mode="widthFix" />

view>

JS代码

Page({

  /**

   * 页面的初始数据

   */

  data: {

    avatarUrl: "",

    nickName: ""

  },

  getUserInfor(e) {

    // 推荐使用wx.getUserProfile获取用户信息，开发者每次通过该接口获取用户个人信息均需用户确认

    // 开发者妥善保管用户快速填写的头像昵称，避免重复弹窗

    wx.getUserProfile({

      desc: '用于完善会员资料', // 声明获取用户个人信息后的用途，后续会展示在弹窗中，请谨慎填写

      success: (res) => {

        const userinfor = res.userInfo

        console.log(userinfor)

        // wx.setStorageSync('UserInfo', userinfor);

        this.setData({

          avatarUrl: userinfor.avatarUrl,

          nickName: userinfor.nickName

        })

      }

    })

  }

 })

获取用户OPENID（唯一）

onLoad: function (options) {

    // 用户获取用户openid

    wx.login({

      success: (res) => {

        console.log(res)

        let code = res.code

        // 根据CODE获取用户opendid

        wx.request({

          url: "wxapi.php",  //发送code到后端：然后，你需要将这个code发送到你的后端服务器

          data:{

            code

          },

          success: (res1) => {

            // console.log(res1)

            let openid=res1.data.openid

            console.log("openid=",openid)

          }

        })

      }

    })

  }

附后端获取openid，PHP代码

<?php

$appid = 'wx8952*********3957'; // 小程序APPID

$secret = '81dbdf*********67dd6'; // 小程序secret

$code = $_GET['code'];

$url = 'https://api.weixin.qq.com/sns/jscode2session?appid=' . $appid . '&secret=' . $secret . '&js_code=' . $code . '&grant_type=authorization_code';

$curl = curl_init();

curl_setopt($curl, CURLOPT_RETURNTRANSFER, true);

curl_setopt($curl, CURLOPT_TIMEOUT, 500);

curl_setopt($curl, CURLOPT_SSL_VERIFYPEER, false);

curl_setopt($curl, CURLOPT_SSL_VERIFYHOST, false);

curl_setopt($curl, CURLOPT_URL, $url);

$res = curl_exec($curl);

curl_close($curl);

echo $res; // 返回这里是获取到的信息