uni-app中授权微信登录（app）-蒲公英云

uni-app中授权微信登录（app）

1.模块授权

watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3BhbnppbmE_size_16_color_FFFFFF_t_70

2.填写上面的信息需要在微信公众平台申请一个应用，获取相应的appid和appsecret；

watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3BhbnppbmE_size_16_color_FFFFFF_t_70 1

3.代码

appLogin: function() {
        uni.getProvider({
          service: 'oauth',
          success: function(res) {
            //支持微信、qq和微博等
            if (~res.provider.indexOf('weixin')) {
              uni.login({
                provider: 'weixin',
                success: function(loginRes) {
                  let access_token = loginRes.authResult.access_token
                  let openid = loginRes.authResult.openid
                  console.log('-------获取openid(unionid)-----');
                  console.log('token',access_token)
                  console.log('openid',openid)
                  console.log(JSON.stringify(loginRes));
                  // 获取用户信息
                  uni.getUserInfo({
                      provider: 'weixin',
                      success: function(infoRes) {
                        console.log('-------获取微信用户所有-----');
                        console.log(JSON.stringify(infoRes.userInfo));
                      }
                  });
                }
              });
            }
          }
        });
},

4.其他

①关于code

小程序使用uni.login可以获取到code

而app\h5+不能获取code，但可以获取到access_token、openid之类的

watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3BhbnppbmE_size_16_color_FFFFFF_t_70 2

在控制台打印

watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3BhbnppbmE_size_16_color_FFFFFF_t_70 3

②查看签名

有可能会因为签名不一致，弹出提示，这时需要查看签名

2.微信公众平台的头部导航 —- 资源中心 —-资源下载中点击下载一个手机软件，输入应用包名后直接生成复制； watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3BhbnppbmE_size_16_color_FFFFFF_t_70 4