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)
}
目录
相关文章
|
2月前
|
存储 JavaScript 开发工具
uniapp-实现微信授权登录
uniapp-实现微信授权登录
1401 0
|
9月前
|
缓存 小程序 前端开发
【Uniapp】小程序携带Token请求接口+无感知登录方案2.0
【Uniapp】小程序携带Token请求接口+无感知登录方案2.0
233 0
|
1月前
uniapp简单的登录页面布局
uniapp简单的登录页面布局
|
2月前
|
前端开发
uniapp 实现退出登录 清除Token
uniapp 实现退出登录 清除Token
129 0
|
9月前
|
存储 API 开发者
【 uniapp - 黑马优购 | 登录与支付 1】登录组件布局实现、用户信息布局与渲染
【 uniapp - 黑马优购 | 登录与支付 1】登录组件布局实现、用户信息布局与渲染
119 0
|
2月前
|
API
uniapp怎么实现授权登录
uniapp怎么实现授权登录
121 2
|
2月前
|
JSON Java 数据库
基于uniapp原生组件uni-ui 做一个登录注册与个人中心(后端篇)
基于uniapp原生组件uni-ui 做一个登录注册与个人中心(后端篇)
171 2
|
2月前
|
前端开发 数据安全/隐私保护
uniapp-含有后端的登录注册页面编写(二)
uniapp-含有后端的登录注册页面编写(二)
132 0
|
2月前
|
存储 SQL 安全
uniapp-含有后端的登录注册页面编写(一)
uniapp-含有后端的登录注册页面编写
231 0
|
2月前
|
小程序
uniapp 微信小程序登录 新手专用 引入即可
uniapp 微信小程序登录 新手专用 引入即可
45 0

相关实验场景

更多