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%
js如何流式输出ai的回答并折叠代码块,点击代码块右侧可预览代码?
ai大模型如何将文章转换成可视化一目了然的图片流程图图表?
大模型生成html版本的ui原型图和ppt演示文档的系统提示词怎么写?
rtsp视频直播流如何转换成websocket流在h5页面上观看?
为啥coze会开源工作流agent coze studio?
如何检测网页是通过收藏夹打开的?
python如何实现类似php的http动态脚本请求处理响应代码?
js如何实现类似php的http动态脚本请求处理响应代码?
trae与solo有啥区别不同?
vue如何让ai动态生成问卷调查多步骤表单式收集基础信息自动规划执行任务?