Taro项目百度小程序登录，无法获取用户登录凭证code，工具控制台报：此api已经废弃，请使用组件方式登录

已于 2022-07-19 14:15:09 修改
阅读量7.7k 收藏
点赞数
分类专栏： 小程序--taro 文章标签： 百度小程序 小程序 前端 前端框架 javascript
于 2022-01-12 11:07:32 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_46662539/article/details/122448578
版权

在做百度小程序登录的时候发现使用Taro,login无法获取到用户登录凭证code，开发工具报，此api已经废弃，请使用组件方式登录，相关文档：https://smartprogram.baidu.com/docs/develop/function/login

在这里插入图片描述

发现百度小程序中已经废弃了此API，需要使用button组件设置属性为open-type:login,调用 bindlogin 返回参数的 detail 判断是否登录成功，当 errMsg 为login:ok时即为成功。如想获取登录凭证请示用 swan.getLoginCode 。

去Taro官网文档查看，发现Button组件open-type属性并没有login值！！！

解决方案

仔细阅读百度小程序文档发现，获取登陆凭证，可以通过百度小程序的一个API，swan.getLoginCode 来获取登陆凭证code，
去Taro官网上查发现早并无此API, 我哭了啊！！！

在这里插入图片描述

好在天无绝人之路，可以直接在Taro中使用各小程序平台的前缀进行API调用。

飘红大家可以忽略，因为现在没有在百度环境下运行，所以swan是未定义的。
但是一定要做好判断，避免在其他端的时候影响运行
在这里插入图片描述

前端攻城狮J
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
Taro开发微信小程序-登录实现(二)
SherrybabyOne的博客
05-16 9589
登录过程应该写在src/app.js中，这样才能最先获取用户的登陆状态。 在src/app.js中的componentWillMount中书写代码： Taro.checkSession({ success() { return Taro.getStorage({key: 'session3rd'}) }, fail() { ret...
（已解决）：taroReact微信授权的code无法获得，地址栏直接修改地址路由，或者直接回车访问，报错：404界面
zw847009147的博客
12-07 1483
使用的框架：taroReact, 微信网页开发， 遇到问题： 1、 微信授权的code无法获得， 2、 地址栏直接修改地址路由，或者直接回车访问，报错：404界面 问题描述： 1、 微信授权的code无法获得 正常的通过微信说明所给的流程，进行获取微信网页的code，用于获取用户的信息， 前端接受到后端提供的相应数据：appid、scope、redirect_uri，然后前端页面访问这个拼接的url，来获取之后地址栏上所带的code，用于后续操作。 出现问题：访问拼接之后的地址栏里没有附带code,但是我
taro 登录案例
weixin_43294560的博客
10-05 1778
import Taro from '@tarojs/taro' import {View,Text,Button} from '@tarojs/components' import React,{Component} from 'react' import './index.less' import {loginCode} from '../../utils/api/index' class Login extends Component{ //验证是否登录,进行自动登录的操作 asy
微信小程序通过getphonenumber 获取电话号码无法获取code值
wjm0519的博客
05-23 7953
问题： 小程序通过getphonenumber方法无法获取code值 原因:微信开发工具的基础库版本过低导致无法获取code值 处理方法 1.打开微信开发工具点击详情 2.将调式基础库修改值2.22.1版本 结果 ...
Taro之百度小程序一键登录埋点统计
LeslieWQ的博客
08-17 611
背景：百度小程序项目想要对用户未登录的情况做一个埋点统计，计算转化率，需要对一键登录和右上角关闭做埋点。 上图为原本的允许授权按钮代码，因为百度为了防止开发者滥用，11.26版本起废弃了swan.getUserInfo 和 swan.login等，必须通过button的调用形式才能获取用户信息或者登录。 ...
Taro开发百度小程序示例
04-29
小程序的开发除去常见的原生小程序语法的开发模式，还可以应用层框架开发，用类现代框架 (vue/react) 的语法去开发小程序，提升开发体验和解决跨平台的问题。本示例是Taro开发百度小程序示例。
使用Taro框架开发小程序
03-29
最近一直在做小程序项目的开发，上手直接就是wepy, 风格跟vue差不多，整体上，还算稳定，开发起来比原生的效率要高一点；很多人也知道，mpvue就是用vue搭建的，但始终觉得，失去了路由的vue，就像失去了灵魂；虽然接...
基于Taro + Redux + 本地 Mock Server 微信小程序在线借书平台项目，适合本科毕业设计，课设，大作业
06-19
本项目是在线借书平台小程序使用 Taro 重构后的版本，仅包含三个示例页面，非常简单。面向人群主要是 Taro/React/Redux 的初学者，目的是提供一个简单的实践项目，帮助理解 Taro 与 Redux 的配合方式与 Taro 的基本...
echarts-taro3-react:taro3.x-react构建的微信小程序echarts组件，及使用示列
04-28
echarts-taro3-react基于Taro3.x-React框架构建的微信小程序版本echarts组件，及使用示例代码体积过大解决方案：使用分包，自定义echart.js，自行前往（注意：版本需要选择4.9.0，不要勾选压缩，可下载下来后自行...
基于Taro的微信小程序模板消息-获取formId功能模块封装实践
12-09
这无疑又给小程序提供了与用户进行通知、反馈的新能力，但是小程序为了防止模板消息对用户造成信息轰炸，影响用户体验，也设置了一些规矩： 模板推送位置：服务通知 模板下发条件：用户本人在微信体系内与页面有...
一个taro适配Android、iOS、微信小程序、H5最佳实践项目的脚手架
06-19
taro适配Android、iOS、微信小程序、H5最佳实践,主要涉及到了基础网络请求的封装、适配了多端的SafeArea安全区域、style工具样式引用替换scss的繁琐写法大幅度简化代码,同时解决了scss样式无法通过className进行属性...
一键反编译微信小程序获取源码，并转换为uniapp或taro跨端项目
01-06
一键反编译微信小程序获取源码，并转换为uniapp或taro跨端项目
taro-blended:在原生小程序项目中使用 Taro
05-03
在原生小程序项目中使用 Taro Taro 3.0.25+ Start 编译 cd taro-project taro build --type weapp --blended 开发者工具打开 miniapp 项目
微信小程序开发者工具更新后报.wxss无法找到
03-29
微信小程序原来一直运行正常，编译都没有问题，但今天更新了一下工具，就一直编译不过，报.wxss无法找到，搜索半天，才解决。 出现上述错误，解决方法如下： 1、在控制台输入openVendor() ； 2、清除里面的wcsc wcsc...
Taro + Redux + 本地 Mock Server ，使用taro实现的一个微信小程序借书系统
05-21
本项目是在线借书平台小程序使用 Taro 重构后的版本，仅包含三个示例页面，非常简单。面向人群主要是 Taro/React/Redux 的初学者，目的是提供一个简单的实践项目，帮助理解 Taro 与 Redux 的配合方式与 Taro 的基本...
使用TARO实现一个登录页
weixin_35754676的博客
12-21 316
好的，下面是在 Taro 中实现一个登录页的基本步骤： 在项目根目录下创建一个新文件夹，命名为 login。 在 login 文件夹中创建一个新文件，命名为 index.tsx。 在 index.tsx 中引入 Taro 的组件，比如 View、Button、Input 等。 在 index.tsx 中编写一个函数，用于处理登录操作。 在 index.tsx 中使用 Taro 的组件实现...
Taro
weixin_43870127的博客
05-25 657
代码优化 应用ES6新写法解析结构 ES6 允许按照一定模式，从数组和对象中提取值，对变量进行赋值，这被称为解构。数组、对象、字符串、函数都可以应用这种写法。 一个最典型的例子就是 当出现多个this.state.xxxx时候，可以吧this.state提出来，在函数开头写const {password, stdnum} = this.state，这样在此函数中就可直接使用password来代替...
Taro -- 微信小程序登录
weixin_30889885的博客
07-04 2070
Taro微信小程序登录 1.调用Taro.login()获取登录凭证code； 2.调用Taro.request()将code传到服务器； 3.服务器端调用微信登录校验接口（appid+appsecret+code），获得session_key+openid； 4.服务器端生成AUTH_TICKET（相当于userId），使用AUTH_TICKET为key，session_k...
Taro实现获取openid（附Spring boot代码）
最新发布
目标架构师
07-03 429
【代码】Taro实现获取openid（附Spring boot代码）
创建taro项目并完成微信小程序授权登录等基础
06-10
好的，我会给您讲解如何创建taro项目并完成微信小程序授权登录等基础。 1. 首先，您需要安装 Node.js 和 npm，打开命令行工具，输入以下命令进行安装： ``` npm install -g @tarojs/cli ``` 2. 安装完成后，输入下面的命令创建一个新的 Taro 项目: ``` taro init myApp ``` 其中，myApp 是您项目的名称，可以根据实际情况进行修改。 3. 进入项目目录，安装依赖： ``` cd myApp npm install ``` 4. 接下来，您需要配置微信小程序的 AppID 和 AppSecret，打开 `src/config/index.js` 文件，添加以下代码： ``` export default { wx: { appId: 'yourAppId', appSecret: 'yourAppSecret' } } ``` 其中，yourAppId 和 yourAppSecret 是您在微信公众平台申请的 AppID 和 AppSecret。 5. 在 Taro 中，可以使用 `@tarojs/taro` 库提供的 `login` 方法进行微信小程序的授权登录。在 `src/pages/index/index.jsx` 文件中，添加以下代码： ``` import Taro from '@tarojs/taro' import { View, Button } from '@tarojs/components' export default class Index extends Component { handleLogin = async () => { const { code } = await Taro.login() console.log(code) } render () { return ( <View className='index'> <Button onClick={this.handleLogin}>微信登录</Button> </View> ) } } ``` 在点击按钮时，调用 `handleLogin` 方法，使用 `Taro.login()` 方法获取用户的登录凭证 code。 6. 最后，您需要在微信公众平台中配置小程序的登录授权。进入微信公众平台开发者中心，找到“开发”-“开发设置”-“服务器域名”，添加以下域名： ``` https://api.weixin.qq.com ``` 以上就是如何创建 Taro 项目并完成微信小程序授权登录等基础的步骤，希望可以帮助到您。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值