How uniapp implements WeChat authorized login

The method for uniapp to implement WeChat authorized login: first obtain the corresponding appid and appsecret; then configure the APP SDK and module permissions in the manifest.json in the uniapp project; and finally implement the coding.

The operating environment of this tutorial: windows7 system, uni-app2.5.1 version. This method is suitable for all brands of computers.

Recommended (free):uni-app development tutorial

Uniapp implements WeChat authorized login method :

(1) To implement WeChat authorization in the App, you need to apply for an application on the WeChat public platform and obtain the corresponding appid and appsecret;

There are 2 when filling in the application Places to note:

Application package name: It can be filled in when packaging the app as shown below. Location:

Application The signature can be found in: Head navigation of the WeChat public platform --- Resource Center --- Resource download, click to download a mobile software, enter the application package name and directly generate a copy;

(2) Configure APP SDK and module permissions in manifest.json in the uniapp project;

(3) Finally Enter the formal link and start coding:

//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() { } }) }

Related free learning recommendations:php programming(video)

The above is the detailed content of How uniapp implements WeChat authorized login. For more information, please follow other related articles on the PHP Chinese website!