微信小程序新版登录授权实战：mpvue框架升级与Open-data应用

本文档详细介绍了新版微信小程序登录授权的方法，针对小程序开发人员在升级过程中遇到的官方API变化问题进行了深入解析。以前的小程序登录授权通常依赖于`wx.getUserInfo`接口，用户在首次访问需要授权的应用时会被弹出提示窗口，只有用户点击授权后才能继续使用服务。然而，这种模式在新版微信小程序中不再适用，因为`wx.getUserInfo`和带有`scope.userInfo`的`wx.authorize`接口已不再推荐使用。 新版的授权逻辑转向了`open-data`机制，开发者需要利用`button`组件的`open-type`属性设置为`getUserInfo`，这样当用户点击登录按钮时，小程序会请求用户的最基本信息（如头像），而不是直接获取完整用户信息。这种方式更注重用户体验，同时也符合小程序对用户隐私保护的要求。 作者提供了一个示例，展示了如何在`login`函数中引导用户授权并获取用户信息。这个函数首先展示加载提示，然后发起`wx.login`请求。如果登录成功，会调用`getUserInfo`函数进一步处理；如果失败，会显示错误提示。同时，`getUserInfo`函数用于处理用户授权后的回调，确保在授权成功后进行后续的操作。 在整个流程中，为了管理登录授权相关的逻辑，作者建议将其封装在单独的`handleLogin.js`模块中，以提高代码的复用性和可维护性。这样，无论是在个人中心等需要登录的页面，还是在其他功能模块中，只需调用`handleLogin`函数，即可实现统一的登录授权处理。 总结来说，新版小程序登录授权的关键在于遵循小程序的最新隐私政策，使用`open-data`机制请求用户信息，并将授权逻辑模块化，确保代码的灵活性和安全性。对于小程序开发者来说，及时学习和掌握这些变化是至关重要的，以便适应小程序生态的持续演进。