admin管理员组

文章数量:1657214

1. 在manifest.json中找到App模块，勾选OAuth登录和微信登录（QQ登录和微信登录一样）

2. 填写微信开放平台的AppID

微信：微信开放平台微信公众平台，给个人、企业和组织提供业务服务与用户管理能力的全新服务平台。https://open.weixin.qq/

QQ：

腾讯开放平台 OPEN.QQ.COMhttps://open.qq/reg

3. 填写IOS平台通用链接

uni-app官网uni-app,uniCloud,serverlesshttps://uniapp.dcloud/api/plugins/universal-links.html#%E8%83%8C%E6%99%AF%E4%BB%8B%E7%BB%8D

4. 编写代码
# HTML
<template>
	<view>
		<button type="primary" style="width: 80%;" @click="weixin">微信登录</button>
	</view>
</template>
# JS

<script>
	export default {
		data() {
			return {
			
			}
		},
		methods: {
			weixin() {
				// #ifndef H5
				//验证有无安装微信
				let isWx = plus.runtime.isApplicationExist({
					pname: 'com.tencent.mm',
					action: 'weixin://'
				});
                // 验证有无安装QQ
                // let isQQ = plus.runtime.isApplicationExist({ 
                //    pname: 'com.tencent.mobileqq', 
                //    action: 'mqq://' 
                // })
				if (!isWx) {
					console.log('请先安装微信APP');
                    uni.showModal({
						title: '请先安装微信APP',
						content: 'false',
					})
					return false;
				}
				uni.login({
					"provider": "weixin",
					"onlyAuthorize": true, // 微信登录仅请求授权认证
					success: function(event) {
						const {
							code
						} = event
						uni.showModal({
							title: '登陆获取授权成功',
							content: code,
						})
						//客户端成功获取授权临时票据（code）,向业务服务器发起登录请求。
						 uni.request({
						 	url: '*****************', //仅为示例，并非真实接口地址。
						 	data: {
						 		code: event.code
						 	},
						 	success: (res) => {
						 		//获得token完成登录
						 		uni.setStorageSync('token', res.token)
						 	}
						 });
					},
					fail: function(err) {
						// 登录授权失败  
						// err.code是错误码
					}
				})
				// #endif
			},
		}
	}
</script>
5. 通过截图

本文标签： 一键uniappqq

版权声明：本文标题：uniapp实现微信、QQ一键登录 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：https://m.elefans.com/xitong/1729773615a1212426.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。