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

左手的ㄟ右手 2022-11-28 13:15 247阅读 0赞

### 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][]

**②查看签名**

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

![20200817164905406.png][]

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

3.输入包名，得到签名

3.![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3BhbnppbmE_size_16_color_FFFFFF_t_70 5][]

### 超级坑的地方： ###

在手机上运行自定义基座得到的openid 和 打正式包得到的openid 不一样！！

正式包得到的openid是正确的，可以用于各种 api 的调用。而自定义基座则会出现各种问题，如openid 与商户appid不匹配

找了很久的问题，实在不知道为什么于是放弃下班回家，第二天打包再测就行了那种感觉真的是很666

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3BhbnppbmE_size_16_color_FFFFFF_t_70]: /images/20221124/c4ff5844591745eda5cd1ded67438302.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3BhbnppbmE_size_16_color_FFFFFF_t_70 1]: /images/20221124/c97ed7a5fd964c3197d71d8b01f48960.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3BhbnppbmE_size_16_color_FFFFFF_t_70 2]: /images/20221124/57ab1b2c976d451a85e06ef84bc02308.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3BhbnppbmE_size_16_color_FFFFFF_t_70 3]: /images/20221124/2c71e9fc22894c5fba6c357deac2b8e7.png
[20200817164905406.png]: /images/20221124/99a86029fdb04aacafae71faf7ca4a5f.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3BhbnppbmE_size_16_color_FFFFFF_t_70 4]: /images/20221124/6544316132584443b192ce76edda69e7.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3BhbnppbmE_size_16_color_FFFFFF_t_70 5]: /images/20221124/ce464cbf89264721abc74f968ea17fa1.png