uni-app用户点击授权登录

朱雀 2021-07-24 23:34 429阅读 0赞

<template>
    	<view>
    		<button open-type="getUserInfo" lang="zh_CN" @getuserinfo="onGotUserInfo">获取用户信息</button>
    		<view>{
       { userInfo.nickName }}</view>
    	</view>
    </template>
    
    <script>
    var rawData, _that;
    export default {
    	data() {
    		return {
    			title: 'Hello',
    			userInfo: []
    		};
    	},
    	onLoad() {
    		_that = this;
    	},
    	methods: {
    		onGotUserInfo: function(e) {
    			console.log('aaaaa', e);
    			rawData = e.detail.rawData;
    			if (e.detail.iv) {
    				_that.userInfo = e.detail.userInfo;
    				uni.login({
    					provider: 'weixin',
    					success: function(loginRes) {
    						console.log(loginRes);
    						// console.log(rawData)
    						uni.request({
    							url: 'http://localhost/myUniApp/php/login.php', //仅为示例，并非真实接口地址。
    							data: {
    								rawData: rawData,
    								code: loginRes.code
    							},
    							header: {
    								'custom-header': 'hello' //自定义请求头信息
    							},
    							success: res => {
    								console.log('返回', res.data);
    							}
    						});
    					}
    				});
    			} else {
    				uni.showToast({
    					title: '用户拒绝授权',
    					icon: 'none'
    				});
    			}
    		}
    	}
    };
    </script>
    
    <style></style>

发表评论取消回复

表情：

评论列表（有 0 条评论，429人围观）

还没有评论，来说两句吧...

相关阅读

相关 uniapp小程序点击分享

可以使用uniapp的onShareAppMessage钩子函数来实现小程序分享功能。在需要分享的页面的json文件中配置如下内容： {

墨蓝/ 2024年03月25日 08:57/ 0 赞/ 93 阅读

相关 uniapp微信授权登录

uniapp微信授权登录想了好久这个问题，我朋友来一会就给我解决了，很厉害！@曹建宇问题：当点击按钮调用`wx.authorize()`方法获取用户个人信息

偏执的太偏执、/ 2023年07月13日 15:14/ 0 赞/ 32 阅读

相关 uniapp开发APP之登录授权，获取用户基础信息

[uniapp开发APP之真机调试][uniapp_APP] HBuild X manifest.json 设置 ![watermark_type_ZmFuZ3poZW5n

傷城~/ 2023年01月12日 10:22/ 0 赞/ 219 阅读

相关 uniapp实现微信授权登录并回显用户头像和名称

先上html页面的代码： <button class="login" v-if="show1" open-type="getUserInfo" @getuserinf

阳光穿透心脏的1/2处/ 2022年11月15日 14:19/ 0 赞/ 390 阅读

相关 uniapp地图-点击添加标记点

前言：这篇文章讲述的是map标签的@tap点击地图事件;添加的标记点都是保存在markers数组里面,点击地图就会获取点击的位置的经纬度，然后在point里面追加了iconPa

迈不过友情╰/ 2021年08月19日 13:27/ 0 赞/ 3153 阅读

相关 uniapp 微信授权登录功能实现

微信授权登录很多app都有第三方账号登录，常见的就是微信/QQ/支付宝/淘宝等第三方账号登录。下面说明一下微信授权的登录的全过程。 uni.login(\{\

た入场券/ 2021年07月26日 02:29/ 0 赞/ 1408 阅读

相关 uni-app用户点击授权登录

<template> <view> <button open-type="getUserInfo" lang="zh_CN" @getuse

朱雀/ 2021年07月24日 23:34/ 0 赞/ 430 阅读

相关 uniapp微信小程序授权登录

<template> <view> <LotusLoading :lotusLoadingData="lotusLoadingData" styl

本是古典何须时尚/ 2021年07月24日 23:16/ 0 赞/ 1008 阅读

相关 mpvue 用户授权登录

1、button按钮添加属性 open-type='getUserInfo' 2、button绑定事件监听 @getuserinf

阳光穿透心脏的1/2处/ 2021年07月24日 16:44/ 0 赞/ 527 阅读

相关用户点击授权获取unionid与openid

<button open-type="getUserInfo" bindgetuserinfo="loginGetUserInfo">授权登录</button>

柔光的暖阳◎/ 2021年07月24日 12:57/ 0 赞/ 406 阅读