Comment Uniapp implémente la connexion autorisée WeChat

La méthode permettant à uniapp d'implémenter la connexion autorisée à WeChat : obtenez d'abord l'appid et l'appsecret correspondant ; puis configurez le SDK de l'APP et les autorisations du module dans le manifest.json dans le projet uniapp ;

L'environnement d'exploitation de ce tutoriel : système windows7, version uni-app2.5.1 Cette méthode convient à toutes les marques d'ordinateurs.

Recommandé (gratuit) : Tutoriel de développement d'uni-app

Comment implémenter la connexion autorisée WeChat dans uniapp :

(1) Pour mettre en œuvre l'autorisation WeChat dans l'application, vous devez demander une application sur la plateforme publique WeChat et obtenir l'appid et l'appsecret correspondants

Il y a ; 2 lors du remplissage de l'application Lieux à noter :

Nom du package de candidature : Il peut être renseigné lors de l'emballage de l'application comme indiqué ci-dessous :

Application La signature se trouve dans : Tête de navigation de la plateforme publique WeChat --- Centre de ressources --- Cliquez pour télécharger un logiciel mobile, entrez le nom du package d'application et générez directement une copie

(2) Effectuer la configuration du SDK APP et la configuration des autorisations de module dans manifest.json dans le projet uniapp

(3) Enfin, entrez le lien formel et commencez à coder :

//app第三方登录
handleThirdLoginApp(){
console.log("App微信拉起授权")
var that=this
uni.getProvider({
    service: 'oauth',
    success: function(res) {
        console.log(res.provider);
        //支持微信、qq和微博等
        if (~res.provider.indexOf('weixin')) {
            uni.login({
              provider: 'weixin',
              success: function (loginRes) {
  console.log("App微信获取用户信息成功",loginRes);
                  that.getApploginData(loginRes)  //请求登录接口方法
              },
              fail:function(res){
              console.log("App微信获取用户信息失败",res);
              }
            })
        }
    }
});
},
//请求登录接口方法
getApploginData(data){
var that =this
//这边是前端自己去调微信用户信息的接口，根据接口需要请求，如果不需要前端去获取的话就交给后端，可省去次操作
uni.request({
url: "https://api.weixin.qq.com/sns/userinfo?access_token="+data.authResult.access_token+"&openid="+data.authResult.openid,
method: 'GET',
dataType: 'json',
header: {
  'content-type': 'application/x-www-form-urlencoded' // 默认值
},
success(res) {
console.log('【登录回调啾啾啾】',res)
that.$api.ajax('smdc/index/applogin', res.data,function(ret){
console.log("登录接口成功回调：",ret)
},'POST',true)
},fail() {
}
})
}

Recommandations d'apprentissage gratuites associées :

programmation php

(vidéo)

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!