美文网首页微信小程序开发随手记APP & program收藏
微信小程序开发 day12、day13 - 小程序登陆相关、分包

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

作者: 望穿秋水小作坊 | 来源:发表于2022-03-03 11:27 被阅读0次

    一、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": [""]
        }
      }
    }
    

    相关文章

      网友评论

        本文标题:微信小程序开发 day12、day13 - 小程序登陆相关、分包

        本文链接:https://www.haomeiwen.com/subject/ulyyrrtx.html