微信小程序开发 day12、day13 - 小程序登陆相关、分包

一、day12 - 小程序登陆、昵称、头像、手机号码

1、小程序中唯一标识微信用户的id是哪个？如何获取？需要用户授权吗？

• 【唯一标识】oppenid
• 【获取】①客户端发起wx.login()请求拿到authcode ② 将客户端拿到authcode发送给服务端 ③ 服务端结合authcode + appscret + appid 向微信服务端请求拿到 openid
• 【不需要用户授权】

2、小程序登陆流程图，非常经典。

image.png

3、unionid是做什么的？

• 【作用】如果开发者拥有多个移动应用、网站应用 和 公众账号（包括小程序），可以通过UnionID 来区分用户的唯一性。
• 【获取】开发者可以直接通过 wx.login() + code2Session 获取到该用户 UnionID，无须用户授权。
• 【绑定】登录微信开放平台 — 管理中心 — 小程序 — 绑定小程序

image.png

4、如何获取用户的昵称、头像等信息？

// 事件必须绑定到button上
<button bindtap="getUserProfile"> 获取头像昵称 </button>

   getUserProfile(e) {
    // 推荐使用wx.getUserProfile获取用户信息，开发者每次通过该接口获取用户个人信息均需用户确认
    // 开发者妥善保管用户快速填写的头像昵称，避免重复弹窗
    wx.getUserProfile({
      desc: '用于完善会员资料', // 声明获取用户个人信息后的用途，后续会展示在弹窗中，请谨慎填写
      success: (res) => {
        console.log(res);
      }
    })

5、除开unionid，还有一种常见的方式确定每个平台用户唯一性的方法？

• 无论哪个平台账号，都让用户绑定一次手机号码，通过手机号标识用户的唯一性（目前非常流行的手段）

6、微信小程序里面，个人小程序账号可以获取用户手机号码吗？

• 【不行】必须是企业身份

二、day13 - 小程序分包

1、小程序主包最大是多少？如果超过了怎么办？

-【主包】最大是2M

• 【超过大小】①进行分包，最大总和<20M ② 将图片资源都换成网络下载

2、怎么分包？

{
  "pages":[
    "pages/index",
    "pages/logs"
  ],
  "subpackages": [
    {
      "root": "packageA",
      "pages": [
        "pages/cat",
        "pages/dog"
      ]
    }, {
      "root": "packageB",
      "name": "pack2",
      "pages": [
        "pages/apple",
        "pages/banana"
      ]
    }
  ]
}

3、如果指定分包下载时机，怎么做？

• 【预下载设置】

{
  "pages": ["pages/index"],
  "subpackages": [
    {
      "root": "important",
      "pages": ["index"],
    },
    {
      "root": "sub1",
      "pages": ["index"],
    },
    {
      "name": "hello",
      "root": "path/to",
      "pages": ["index"]
    },
    {
      "root": "sub3",
      "pages": ["index"]
    },
    {
      "root": "indep",
      "pages": ["index"],
      "independent": true
    }
  ],
  "preloadRule": {
    "pages/index": {
      "network": "all",
      "packages": ["important"]
    },
    "sub1/index": {
      "packages": ["hello", "sub3"]
    },
    "sub3/index": {
      "packages": ["path/to"]
    },
    "indep/index": {
      "packages": [""]
    }
  }
}