小程序开放文档
uniapp开发的小程序配置，找到manifest.json，填入正确的小程序appId；
hbuilderx>运行>运行到小程序模拟器(安装开发者工具)，编译完成之后会直接在微信开发者工具内打开；
登录流程解析：
- 判断用户是否登录，如果未登录需重新授权，已登录直接跳转进入小程序；
- uni.getUserProfile 弹出微信授权窗口,获取用户信息；
- uni.login登录成功获取code，传给后端；
- 创建getPhoneNumber按钮，用户允许后（需要用户操作），获取code，传给后端；
核心代码：
1、判断用户是否登录
onLoad() {// #ifdef MP-WEIXINconst token = this.$Storage.getToken()console.log('token===========', token)if(!token) {this.wechatLogin() // 登录授权} else {uni.switchTab({url: '/pages/home/index'});}// #endif
},
2、授权登录弹窗，获取用户信息
wechatLogin() {uni.showModal({title: '授权登录',content: '是否授权登录微信小程序？',success: () => {// 1、uni.getUserProfile 获取用户信息 uni.getUserProfile({desc: '登录后可同步数据',lang: 'zh_CN',success: (infoRes) => {console.log('用户信息-----------', infoRes)this.userInfo = infoRes.userInfo;// 2、uni.login 获取code uni.login({provider: 'weixin',success: async (loginRes) => {console.log('获取code-----------', loginRes)this.sessionId = await this.$apis.authLoginWechat({code: loginRes.code})this.showPhone = true},fail: function(err) {}});},fail: function(err) {}});}})
}
3、创建getPhoneNumber按钮，获取手机号码
<!-- #ifdef MP-WEIXIN -->
<view class="popup-class" v-if="showPhone"><view class="get-phone"><view class="p2">申请获取您绑定的手机号</view><button class="phone-button" open-type="getPhoneNumber" @getphonenumber="getPhoneNumber">确 认</button></view>
</view>
<!-- #endif -->
4、调用getPhoneNumber，获取code，传给后端
// 3、调用getPhoneNumber
async getPhoneNumber(e) { console.log('获取手机号码======code:', e.detail.code)// 注意：如果获取不到code 确认下开发者工具调试基础库版本是否为 2.21.2 及以上let params = {code: e.detail.code,nickName: this.userInfo.nickName,avatarUrl: this.userInfo.avatarUrl,sessionId: this.sessionId}let token = await this.$apis.getWechat(params) this.$Storage.setToken(token)uni.switchTab({url: '/pages/home/index'});
}, 
注：getPhoneNumber 返回的 code 与 wx.login 返回的 code 作用是不一样的，不能混用。
附：控制台信息
其他问题：
1、小程序编译时，控制台可能会有些报错导致编译失败，例如渲染层错误、websocket的错误、 WXML 文件编译错误等等，可能是文件路径有问题，或者切换下调试基础库重新编译即可；
2、小程序上传时，要提前做好分包，组件要按需引入，图片和音频之类的尽量放到服务器上，编译的时候代码要压缩，否则都会导致上传失败，解决办法都有教程，照做即可；
以上就是对小程序的部分总结，希望以上分享能帮助到大家。
