uniapp 登录

简介: uniapp 登录

(企业版) 微信手机号一键登录

仅企业版可获取用户微信绑定的手机号。

      <button open-type="getPhoneNumber" @getphonenumber="onGetphonenumber">
        手机号快捷登录
      </button>
// 获取用户手机号码(企业写法)
const onGetphonenumber: UniHelper.ButtonOnGetphonenumber = async (ev) => {
  // 获取参数
  const encryptedData = ev.detail.encryptedData!
  const iv = ev.detail.iv!
  const login_res = await wx.login()
  const code = login_res.code

  // 登录请求
  const res = await postLoginWxMinAPI({ code, encryptedData, iv })
  // 登录成功后的处理
  loginSuccess(res.result)
}

(开发版) 模拟手机号一键登录

          <button @tap="onGetphonenumberSimple">
            模拟快捷登录
          </button>
// 模拟手机号码快捷登录(开发模拟)
const onGetphonenumberSimple = async () => {
  // 写固定的手机号,调固定的接口
  const res = await postLoginWxMinSimpleAPI('13123456789')
  // 登录成功后的处理
  loginSuccess(res.result)
}
目录
相关文章
|
存储 JavaScript 开发工具
uniapp-实现微信授权登录
uniapp-实现微信授权登录
3743 0
|
前端开发 JavaScript 应用服务中间件
【uniapp】谷歌授权登录,前端uniapp直调(含源码)
本文介绍如何在uniapp项目中实现谷歌授权登录,无需后端参与。文章分为三部分:1)谷歌授权登录流程,详细说明从用户点击登录到获取用户信息的整个过程;2)谷歌开发者控制台配置,包括创建项目、配置同意屏幕及OAuth客户端ID等步骤;3)uniapp前端实操,提供具体代码示例,展示如何获取授权码并用其交换访问令牌,最终获取用户信息
1950 2
【uniapp】谷歌授权登录,前端uniapp直调(含源码)
uniapp简单的登录页面布局
uniapp简单的登录页面布局
586 1
|
API
uniapp怎么实现授权登录
uniapp怎么实现授权登录
598 2
|
JSON Java 数据库
基于uniapp原生组件uni-ui 做一个登录注册与个人中心(后端篇)
基于uniapp原生组件uni-ui 做一个登录注册与个人中心(后端篇)
568 2

热门文章

最新文章