uni-app用户点击授权登录

朱雀 2021-07-24 23:34 419阅读 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 条评论，419人围观）

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

相关阅读

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

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

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

相关 js点击回车登录

明明是后端开发，现在天天写前端，vue写了又写jsp然后又写jquery，呜呜呜 ( Ĭ ^ Ĭ ) //登录按钮，绑定loginbtn事件 <button

落日映苍穹つ/ 2022年12月08日 01:31/ 0 赞/ 156 阅读

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

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

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

相关 uniapp微信授权之有个别用户无法正常授权

今天又来记录开发路上的坑啦 ![在这里插入图片描述][20200716160832868.png] 昨天碰见一个很奇怪的问题授权代码已经反复测试过没有问题绝大部分用

港控/mmm°/ 2021年08月31日 04:27/ 0 赞/ 556 阅读

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

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

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

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

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

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

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

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

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

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

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

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

相关 mpvue 用户授权登录

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

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

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

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

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