直播app开发搭建,uniapp中微信小程序账号登录

直播app开发搭建,uniapp中微信小程序账号登录

1
<template><br><view><br>        <!-- 登录适配 --><br>             <!-- 最新版登录方法 --><br><button <br>           <br>            type='primary' @tap="getUserProfile">新<br>            </button><br>            <!-- 老版本登录方法 --><br><button  type='primary' <br>            open-type="getUserInfo" @getuserinfo="bindGetUserInfo">老<br>            </button><br></view><br></template><br><script><br>export default {<br>data() {<br>return {<br>                //用来判断用哪个登录<br>               appid:'去微信公众平台查看',<br>   secret:'去微信公众平台->开发->开发设置获取生成',<br>   code:''<br>            }<br>       },<br>       //监听页面加载<br>onLoad() {<br>uni.getSetting({<br>   success(res) {<br>      console.log(res.authSetting)<br>  if(res.authSetting['scope.userInfo']){<br>  console.log('登录了');<br>  }else {<br>  console.log('未登录');<br>  }<br>   }<br>})<br>            //如果手机支持最新版登录就用新方法<br>if (wx.getUserProfile) {<br>this.canIUseGetUserProfile = true<br>}<br> <br>},<br>        methods: {<br>            //老版登录接口(不再弹出登录弹框)<br>            bindGetUserInfo(e){<br>console.log(e);<br>if (e.detail.userInfo) {<br>// console.log(e.detail.userInfo);<br>uni.showLoading({<br>title: '登录中'<br>});<br>//业务逻辑<br>// console.log(res1);<br>uni.login({<br>success: res => {<br>if (res.code) {<br>//在此发起网络请求<br>//请求后端给的登录接口,把res.code等相关参数带上<br>} else {<br>// console.log('登录失败!' + res.errMsg)<br>}<br>}<br>})<br>}<br>},<br>            // 弹出登录弹框(新版)<br>getUserProfile() {<br>//推荐使用wx.getUserProfile获取用户信息,开发者每次通过该接口获取用户个人信息                                              均需用户确认<br>// 开发者妥善保管用户快速填写的头像昵称,避免重复弹窗<br>uni.getUserProfile({<br>desc: '用于获取您的个人信息', // s声明获取用户个人信息后的用途,后续会展示在弹窗中,请谨慎填写<br>success: res1 => {<br>console.log(res1);<br>uni.showLoading({<br>title: '登录中'<br>});<br>//业务逻辑<br>// console.log(res1);<br>uni.login({<br>success: res => {<br>if (res) {<br>console.log(res.code);<br>this.code = res.code<br>uni.request({<br>url:`https://api.weixin.qq.com/sns/jscode2session?appid=${this.appid}&secret=${this.secret}&js_code=${this.code}&grant_type=authorization_code`,<br>    success:(res)=>{<br>console.log(res);<br>                                    //发起网络请求<br>                                    //请求后端给的登录接口,把res.code等相关参数带上<br>}<br>})<br>} else {<br>// console.log('登录失败!' + res.errMsg)<br>}<br>}<br>}) <br>}<br>})<br>},<br>        }<br>   }<br></script>

​以上就是 直播app开发搭建,uniapp中微信小程序账号登录,更多内容欢迎关注之后的文章

 

posted @   云豹科技-苏凌霄  阅读(25)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型,支持深度思考和联网搜索!
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· ollama系列01:轻松3步本地部署deepseek,普通电脑可用
· 25岁的心里话
· 按钮权限的设计及实现
历史上的今天:
2022-07-14 直播软件搭建,vue路由跳转的四种方式
2022-07-14 直播平台开发,TabLayout的使用和自定义红点消息提示
2022-07-14 短视频平台源码,Android获取屏幕的高度和宽度
点击右上角即可分享
微信分享提示