项目技术栈微信原生小程序+云开发。为什么选择微信原生小程序进行开发？因为它可以直接应用它的云开发能力。这里我主要使用云开发能力中的小程序端SDK。说白了就是用javascript直接操作数据库即可。本文前言基于云答题小程序v2.0的源地址，以及教大家搭建答题小程序v1.0的系列文章目录。在11月的最后一天及时完成]本文底部。想必每个人都有一个疑问。上一篇【云端问答小程序v2.0-首页设计与实现】，为什么没有贴出首页index.js文件的代码。与冗长繁琐的文章相比，我更喜欢短小精悍的文章。而这里主要是单独拿出来，简单说一下，为什么要实现微信授权登录呢？如何实现这个功能？为什么微信授权登录？如果你看过我之前的文章或者拿到源码运行一下，你应该能看到有这么一个场景。例如排行榜页面，需要展示参赛者的微信头像和昵称。如何通过上面简单的需求分析来实现，这里再看技术可行性。通过查阅技术文档可以知道，官方提供了一个获取用户信息的开发接口，wx.getUserProfile(Objectobject)。它是这样写的：“页面只有在点击事件（比如按钮上bindtap的回调中）产生后才能被调用，每次请求都会弹出授权窗口，用户同意后返回userInfo。”我是这样写代码的：.wxml获取头像昵称当然可以你也可以这样写，多动手实践，多不同的尝试方式。毕竟，正确答案不止一个。获取头像昵称.js//微信授权登录login(){wx.getUserProfile({desc:'用于完善会员资料',success:(res)=>{this.setData({userInfo:res.userInfo})}})}运行效果完整代码首页index.js文件完整代码,如下：constapp=getApp()Page({data:{userInfo:{},hasUserInfo:false},onLoad(){},//跳转到答案页goToTest(){wx.navigateTo({url:'../test/test'})},//跳转到活动规则页面goToDetails(){wx.navigateTo({url:'../details/details'})},//跳转到答案记录pagegoToHistory(){wx.navigateTo({url:'../history/history'})},//跳转到排行榜页面goToRank(){wx.navigateTo({url:'../rank/rank'})},//微信授权登录login(){wx.getUserProfile({desc:'用于完善会员资料',success:(res)=>{this.setData({userInfo:res.userInfo,hasUserInfo:true})应用程序p.globalData.userInfo=res.userInfoapp.globalData.hasUserInfo=true}})},//转发分享onShareAppMessage(res){return{title:'@你，快来参加消防安全知识问答吧~'}},})这篇文章的总结是，在微信小程序开发中，实现微信授权登录功能，获取微信头像和昵称是比较常见的，但我这里主要用于统计和展示答题活动中的排行榜数据，对于运营公众号或者小程序来说，还是比较重要的一环。
