WeChat mini program development to obtain user basic information

What I wrote today are some problems I encountered in a small program I just took over. PS I am a newbie in front-end.

This time I will bring you WeChat mini program development to obtain user basic information. What are the precautions for WeChat mini program development to obtain user basic information? The following is a practical case, let’s take a look.

1. Regarding obtaining basic user information (WeChat officially does not allow developers to enter the page to directly obtain user information [that is, entering the page to force a pop-up box]), but to obtain information directly through the format of the component.

<wxml></wxml>   （这个只是让开发者能够直接获取到用户信息，不用授权、仅仅是显示作用）
<open-data class="userHeadPicture" wx:if="{{userAvatarUrl}}" type="userAvatarUrl"></open-data>    <!--获取用户头像 -->
<view wx:else>当前版本过低</view>
<open-data class="userNickName" wx:if="{{userNickName}}"  type="userNickName"      <!--获取用户昵称 -->
<view wx:else>无法使用此功能</view>

These two components are officially provided by WeChat. They can only adjust styles and cannot perform background storage operations.

Write in data (lower version compatible)

userAvatarUrl: wx.canIUse('open-data.type.userAvatarUrl'),
userNickName: wx.canIUse('open-data.type.userNickName'),

**If it is not compatible, just write open-data directly. If the lower version is compatible ( if determines whether the version of WeChat reaches the version displayed by the component)

I believe you have mastered the method after reading the case in this article. For more exciting information, please pay attention to other related articles on the PHP Chinese website!

Recommended reading:

How to operate js to find the longest palindrome string in a string

How to use js objects and prototype

The above is the detailed content of WeChat mini program development to obtain user basic information. For more information, please follow other related articles on the PHP Chinese website!