uniapp的微信、qq、新浪微博第三方登录代码如何写?
网友回复
首先在 manifest.json -> App模块权限配置,勾选 OAuth(登陆鉴权),勾选自己想要的第三方登录,然后点击蓝色的链接去开放平台注册开通
最后输入appid等参数即可。
具体代码如下:
<template> <view class="flex align-center px-5 py-3"> <view class="flex-1 flex align-center justify-center" v-for="(item, index) in providerList" :key="index"> <view :class="item.icon + ' ' + item.bgColor" class="iconfont font-lg text-white flex align-center justify-center rounded-circle" style="width: 100rpx;height: 100rpx;" @click="thirdPartyLogin(index)" ></view> </view> </view> </template> <script> export default { data() { return { providerList: [] }; }, mounted() { uni.getProvider({ service: 'oauth', success: result => { this.providerList = result.provider.map(value => { let providerName = ''; let icon = ''; let bgColor = ''; switch (value) { case 'weixin': providerName = '微信登录'; icon = 'icon-weixin'; bgColor = 'bg-success'; break; case 'qq': providerName = 'QQ登录'; icon = 'icon-QQ'; bgColor = 'bg-primary'; break; case 'sinaweibo': providerName = '新浪微博登录'; icon = 'icon-xinlangweibo'; bgColor = 'bg-warning'; break; } return { name: providerName, id: value, icon: icon, bgColor: bgColor }; }); }, fail: error => { console.log('获取登录通道失败!', error); return false; } }); }, methods: { //第三方登录 thirdPartyLogin(index) { if (i...
点击查看剩余70%
腾讯混元模型广场里都是混元模型的垂直小模型,如何api调用?
为啥所有的照片分辨率提升工具都会修改照片上的图案细节?
js如何在浏览器中将webm视频的声音分离为单独音频?
微信小程序如何播放第三方域名url的mp4视频?
ai多模态大模型能实时识别视频中的手语为文字吗?
如何远程调试别人的chrome浏览器获取调试信息?
为啥js打开新网页window.open设置窗口宽高无效?
浏览器中js的navigator.mediaDevices.getDisplayMedia屏幕录像无法录制SpeechSynthesisUtterance产生的说话声音?
js中mediaRecorder如何录制window.speechSynthesis声音音频并下载?
python如何直接获取抖音短视频的音频文件url?