# 公众号 H5 独立登录 本文档为[公众号 H5 访问](h5)的扩展文档，主要讲解在项目页面非常多的情况下，如何拆分初始化和登录过程，使用独立登录页提高效率。 **需要注意：由于云托管 SDK 使用 `localStorage` 记录登录关键信息，所以目前不支持不同域的页面分拆，也就是说业务页面和登录页面必须在一个域中** ## 使用步骤 首先，在网页中引入如下 3 个 JS 文件 ```bash # 微信公众号SDK，用于使用前端公众号接口，如果不需要可以不引入 https://res.wx.qq.com/open/js/jweixin-1.6.0.js # 微信云服务SDK，用于调用微信云服务资源 https://web-9gikcbug35bad3a8-1304825656.tcloudbaseapp.com/sdk/1.3.0/cloud.js # 封装的登录授权模块，用于一步完成授权登录步骤 https://web-9gikcbug35bad3a8-1304825656.tcloudbaseapp.com/sdk/1.3.0/mplogin2.min.js ``` 构建一个登录页，确定路径，在这里是 `login.html`，和业务页面平级 登录页面可以加入一些动画，展示登录中的形态 ``` html 登录页面 登录中 ``` 在业务页面中，引入关键 JS，发起 check 过程，以下是示例，需自行理解后并入自身业务中 其中，`loginUrl` 参数中，登录页的路径需要和真实的登录页保持一致，保证能正确路由 ``` html 业务页面 业务代码 ``` 如果你不想模块自行发起跳转登录，则不需要传 `loginUrl` 参数，此时需要自行实现跳转和回调细节，以下是实例。 ``` html 业务页面 业务代码 ``` ## 注意事项 1. `loadcloud` 返回的 `cloud` 对象可以存在全局中，在业务中重复使用。 2. `loadcloud` 返回的 `info` 为用户头像等信息，可以使用[此文档](/miniprogram/dev/server/API/cloudbase/others/api_getopendata.md)API 获取明文信息。