文章详情

短信预约-IT技能 免费直播动态提醒

请输入下面的图形验证码

提交验证

短信预约提醒成功

简单实现微信小程序授权登录

2023-10-04 16:07

关注

可以直接复制粘贴,只需要改一些东西就可以了


首先在wxml中用微信自带的button开放属性

然后在对应的js中创建一个login方法,因为上面bindtap指向的是login,所以就要创建一个新的方法

login(evt){//获取微信授权弹框  wx.getUserProfile({    desc: 'desc',    success:(res)=>{        //打印是否接到微信数据      console.log(res);        //wx.login是登录的意思,就是登录方法      wx.login({        success: (res1) => {          //开始打印看是否接到值          console.log(res1);          let code=res1.code;          let nickname=res.userInfo.nickName;          let avatarUrl=res.userInfo.avatarUrl;          //wx.request是跳转后台方法          wx.request({            //url跳转的地址(后台的接口)            url: 'url',            //怎么请求(可以用get也可以用post)            method:"POST",            //data传值,从小程序传到后端的数据            data:{code:code,nickname:nickname,avatarUrl:avatarUrl},            //成功回调            success:function(rrr){                //wx.navigateTo跳转的方法                wx.navigateTo({                    //跳转到哪个页面                  url: '/pages/',                })            }          })        },      })    }  })},

然后在后端控制器中写url的接口

function login(Request $request){        $data=$request->post();        $code=$data['code'];        //小程序的id        $Appid="";        //小程序的Secret        $AppSecret="";        $loginurl="https://api.weixin.qq.com/sns/jscode2session?appid=$Appid&secret=$AppSecret&js_code=$code&grant_type=authorization_code";        $res=json_decode(file_get_contents($loginurl),true);        $login=[          'openid'=>$res['openid'],          'session_key'=>$res['session_key'],            //微信昵称          'nickname'=>$data['nickname'],        ];        //直接写表明后面跟条件        $url=User::where('openid',$login['openid'])->first();        if (isset($url)){            return [                'code'=>203,                'data'=>'',                'msg'=>'数据已存在'            ];        }else{               //DB里面跟你要添加的表名            \DB::table('User')->insert($login);            return [                'code'=>200,                'data'=>'',                'msg'=>'添加成功'            ];        }    }

微信授权登录就可以实现了

来源地址:https://blog.csdn.net/Whtmlindex/article/details/130653706

阅读原文内容投诉

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

软考中级精品资料免费领

  • 历年真题答案解析
  • 备考技巧名师总结
  • 高频考点精准押题
  • 2024年上半年信息系统项目管理师第二批次真题及答案解析(完整版)

    难度     807人已做
    查看
  • 【考后总结】2024年5月26日信息系统项目管理师第2批次考情分析

    难度     351人已做
    查看
  • 【考后总结】2024年5月25日信息系统项目管理师第1批次考情分析

    难度     314人已做
    查看
  • 2024年上半年软考高项第一、二批次真题考点汇总(完整版)

    难度     433人已做
    查看
  • 2024年上半年系统架构设计师考试综合知识真题

    难度     221人已做
    查看

相关文章

发现更多好内容

猜你喜欢

AI推送时光机
位置:首页-资讯-后端开发
咦!没有更多了?去看看其它编程学习网 内容吧
首页课程
资料下载
问答资讯