[原创] uniapp第三方登录(一)

app登录注册教程

  1. 微信小程序的第三方登录只支持微信登录,而app应用支持更多第三方的登录
    如何获取微信appid和密钥
  2. 获取appid后,在manifest.json中配置小程序的appid
    在这里插入图片描述

配置后可在Hbuild中使用预览小程序功能
在这里插入图片描述

本章介绍登录的配置内容,下章描述小程序登录

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
UniApp中使用第三方登录,如快手登录,可以通过uni-login插件来实现。首先,你需要安装uni-login插件,可以在HBuilderX的插件市场中搜索并安装。 安装完成后,你需要在快手开放平台注册应用,获取到AppKey和AppSecret。然后,在你的UniApp项目中,按照以下步骤进行配置: 1. 在`manifest.json`中添加uni-login插件的权限配置: ```json "permissions": { "scope.userInfo": { "desc": "用于快手登录" } } ``` 2. 在`pages.json`中添加uni-login插件的页面配置: ```json "pages": [ { "path": "pages/login/index", "style": { "navigationBarTitleText": "登录" } }, { "path": "uni_modules/uni-login/pages/uni-login/uni-login", "style": { "navigationBarTitleText": "第三方登录" } } ] ``` 3. 在登录页的`<template>`中引入uni-login组件: ```html <template> <view class="container"> <button @tap="loginByKuaishou">快手登录</button> </view> <uni-login></uni-login> </template> ``` 4. 在登录页的`<script>`中引入uni-login组件的相关方法,并在点击快手登录按钮时调用相应方法: ```javascript import { loginByPlatform } from '@/uni_modules/uni-login/js_sdk/login.js' export default { methods: { async loginByKuaishou() { const result = await loginByPlatform('kuaishou') // 处理登录结果 } } } ``` 这样就可以在UniApp中使用快手登录了。当用户点击快手登录按钮后,会弹出快手授权登录页面,用户登录授权后,你可以获取到相关的用户信息进行处理。具体的登录结果处理,请参考uni-login插件的文档。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值