微信小程序-云函数-读取用户名、头像并展示

引言：
最近准备毕业设计，想做一个微信小程序，奈何只会一点html,css,连js都不会中间踩坑无数，现在还在坑中，云函数的创建具体参考相关文档、教程

1 目录结构

对四个文件进行了修改

2 文件修改内容

2.1 云函数login

// 云函数入口文件
const cloud = require('wx-server-sdk')

cloud.init()

// 云函数入口函数
exports.main = async (event, context) => {
   
  const wxContext = cloud.getWXContext()

  return {
   
    // 获取用户ID
    openid: wxContext.OPENID
  }
}

• 微信中，相关用户信息获取是有一定条件权限的，以下来自官网说明

2.2 my.wxml

<view wx:if="{
    {!openid}}">
<button class="into" open-type="getUserInfo"