本文主要介绍微搭提供的小程序登录、客服会话、获取头像昵称和手机号能力，通过本文了解如何在小程序内完成功能搭建。
在开发之前，需要准备好非个人主体且完成认证的微信小程序。相关帮助文档可参见 微信获取手机号开发文档。
需求分析
登录用户客服模板主要功能包括小程序登录、客服会话、用户信息，对功能拆分如下。
小程序端：登录页、客服会话页、我的（头像、昵称、手机号）。
数据管理：登录用户表。
数据源设计
数据包括用户唯一标识小程序 openid、用户手机号、用户昵称和用户头像。
登录用户数据源
创建入口：
字段说明：
字段名称 | 字段标识 | 字段类型 | 字段描述 |
小程序 openid | xcxopenid | 文本、短文本 | 用于存储小程序用户唯一标志 |
用户手机号 | yhsjh | 电话、手机号码 | 用于存储用户手机号 |
用户昵称 | yhnc | 文本、短文本 | 用于存储用户昵称 |
用户头像 | yhtx | 图片 | 用于存储用户图片 |
小程序搭建
本文将介绍如何通过微搭完成登录用户客服模板小程序搭建，开发者也可通过安装模板体验全部功能。
操作步骤
步骤1：安装模板
打开微信开发工具或在微搭 Web 端，安装登录用户客服模板。
步骤2：功能页面搭建
1. 配置小程序登录。
编辑器页面选择应用设置-登录设置，开启登录设置，按需求选择配置登录页面设置项，包括样式、认证源、协议设置和注册设置。访问授权和安全设置选项也可灵活配置。
配置完成只需发布应用，如需要登录后访问，打开应用会自动跳转到登录页，完成登录后进入应用首页。
2. 首页搭建客服会话。
进入首页时，需要先对用户信息数据进行初始化，因为配置过登录信息，微搭自动创建全局的登录用户信息对象类型变量，用以存储小程序用户 openid 等相关信息。
另外新建全局变量 weda_id、nickName、headImageUrl、getPhoneNumber，分别用来传递登录用户表数据标识 
_id、昵称、头像和手机号。
页面加载时，触发事件，判断 openid 不为空时，通过 openid 查询登录用户表信息，查询结果为空时，通过 openid 创建用户信息。
查询或创建成功，将登录用户表系统数据标识 
_id 赋值变量 weda_id，用于后续数据查询时使用。
?
3. 我的用户信息展示。
该页面主要展示用户头像、昵称和手机号信息，各项单击进入对应信息设置页面。
各信息展示分别绑定对应全局变量，配置变量值为空时默认展示内容。
设置头像页面，选择图片上传组件，配置开启小程序获取微信头像能力，上传成功时变量 headImageUrl 赋值图片地址。
单击保存，更新头像地址至登录用户表。
设置昵称页面，使用单行输入组件，开启小程序获取微信昵称能力，值改变时赋值变量 nickName。
单击保存，更新昵称信息至登录用户表。
设置手机号页面，使用获取用户手机号组件（仅非个人小程序可使用），授权手机号成功时赋值变量 getPhoneNumber，并绑定变量在文本组件以显示授权手机号。
单击保存，更新手机号至登录用户表。
步骤3：发布小程序
保存编辑内容，发布小程序。
至此，已搭建完成包括小程序登录、客户消息、获取用户头像、昵称、手机号的应用，也可根据实际业务特性，灵活调整各功能模块。
