微信小程序：显示当前微信号

在微信小程序中，有时候我们需要获取当前登录用户的微信号，以便实现一些特定的功能。例如，在智慧预约、智慧小店等业务场景中，可能需要用户的微信号来进行身份验证或者进行支付等操作。本文将介绍如何在微信小程序中显示当前登录用户的微信号。

获取当前登录用户的微信号

要在微信小程序中获取当前登录用户的微信号，首先需要确保小程序已经获得了相应的权限。在小程序的app.json文件中，添加scope.userInfo权限：

{
  "pages": [
    "pages/index/index",
    "pages/logs/logs"
  ],
  "permission": {
    "scope.userInfo": {
      "desc": "你的小程序需要获取用户信息"
    }
  }
}

接下来，在需要获取微信号的小程序页面中，使用wx.getUserProfile API 来获取用户信息。注意，这个 API 需要用户主动触发，例如通过点击一个按钮来实现。

<button bindtap="getUserProfile">获取用户信息</button>

在页面的 JavaScript 文件中，添加如下代码：

Page({
  data: {
    userInfo: null
  },
  getUserProfile: function (e) {
    wx.getUserProfile({
      desc: '用于完善会员资料', // 声明获取用户个人信息后的用途
      success: (res) => {
        const userInfo = res.userInfo;
        userInfo.weixinNumber = userInfo.openid; // 将 openid 字段改为 weixinNumber
        this.setData({
          userInfo: userInfo
        });
        // 在这里可以进行一些操作，例如将 userInfo 发送到服务器
      }
    });
  }
});

显示微信号

获取到用户信息后，可以在小程序页面的wxml文件中使用{{userInfo.weixinNumber}}来显示用户的微信号。

<view>
  <text>欢迎您，{{userInfo.nickName}}</text>
  <text>微信号：{{userInfo.weixinNumber}}</text>
</view>

这样，当用户点击获取用户信息的按钮后，小程序就会显示当前登录用户的微信号。

注意事项

1. 在获取用户信息时，需要确保小程序已经获得了相应的权限。
2. wx.getUserProfile API 需要用户主动触发，不能在后台进行调用。
3. 为了保护用户隐私，微信小程序不会直接显示用户的微信号，而是显示一个经过加密的 openid。如果需要获取真实的微信号，需要在服务器端进行解密。

通过以上步骤，你可以在微信小程序中显示当前登录用户的微信号，并根据实际需求进行一些特定的操作。