编程小石头点餐小程序_小程序个人中心授权登陆实现

点击下面网址可以在线观看视频

上一节带领大家实现底部tab导航栏，这一节带领大家实现个人中心与授权登陆。同样我们这节的代码也是基于第三天代码开发的。如果没有看过前3天视频的同学，点击上面链接去看前3天视频。

本节知识点

1，认识botton组件

2，使用button组件的 open-type来获取用户信息

3，授权登陆功能实现，获取用户相关信息

4，展示用户头像和用户昵称

5，圆形头像实现

一，认识botton组件

获取用户信息

查看官方文档，我们可以看到botton的open-type里有个getUserInfo可以用来获取用户信息。

再来看下官方示例如下：

官方示例

接下来我们就使用官方示例看能不能获取到用户信息

二，获取用户信息

1，在me.wxml实现下面代码

me.wxml

2,在me.js里面实现下面代码

me.js

3,点击编译，会弹出一个授权弹窗，这里点击允许

点击允许

4，查看打印的log