Preface
The basic method for obtaining avatars on WeChat applets is to call the API () that comes with the applet, which is also the most recommended method for the applets.
However, in order to avoid users feeling that their privacy is automatically retrieved, the applet requires that the call to getUserProfile() must be made by the user actively clicking the request. Therefore, a pop-up window (or other button) can be set on the front end, and the user can call getUserProfile() after actively clicking.
After successfully obtaining the user name and avatar, the applet allows the call result to automatically display the avatar and name the next time the page is opened. Saving the user name and avatar is not saved on the user's own mobile phone, nor on the mini program's cloud or server, but calls another official API of the mini program () and is kept by the mini program. If you automatically call this saved username and avatar, you need ()
The complete code is as follows:
1. In onload(), try to get the username and avatar first. If the acquisition fails, a pop-up window prompts the user to allow the applet to obtain its username and avatar.
onLoad(options) {
let that=this
({//Asynchronously obtain cache key:"name",//The key specified in the local cache success:(res)=>{
('Get cache successful',)
({
name:, //Cache to key avatarUrl:
})
},
fail(res){
(res)
({
title: 'Thank you for using it! ',
content: 'Please allow applets to use your avatar and name! ',
success (res) {
if () {
('User clicks OK')
()
} else if () {
('User clicks to cancel')
}
}
})
}
})
},2. Functions to get username and avatar
getUserProfile(e) {
// It is recommended to use to obtain user information. Developers need to confirm each time they obtain user personal information through this interface. // Developers properly keep the avatar and nicknames filled in quickly by users to avoid repeated pop-ups ({
desc: 'Used to save the user', // Declare the purpose of obtaining user's personal information, which will be displayed in pop-up windows in the future. Please fill in it with caution success: (res) => {
(res)
({
userInfo: ,
})
({
key:'name',//The key specified in the local cache (type: string) data:,//The content that needs to be stored. Only native types, Date, and objects that can be serialized (type: any) are supported success:(s)=>{
({
avatarUrl:,
name:
})
},
fail:(f)=>{
// ('Storage cache failed====',f); }
})
}
})
},3. Username and avatar recorded in data{}
data: {
avatarUrl:'',
userInfo:""
},Summarize
This is the article about obtaining usernames and avatars in this article. For more related applets to obtain usernames and avatars, please search for my previous articles or continue browsing the related articles below. I hope everyone will support me in the future!