uniapp-login
Skill0 starsChanged 18 days agoMITView on GitHub
uni-app 多端登录流程(微信小程序 wx.login + 手机号、H5 短信/微信网页授权、App 一键登录/微信登录),token 存储与登录态守卫。实现登录、退出、未登录拦截时使用。
In this repository11 other files it gives its agents.
- pinia-storeSkill
- release-checklistSkill
- uniapp-cross-platformSkill
- uniapp-paymentSkill
- uniapp-performanceSkill
- uniapp-permissionsSkill
- uniapp-project-structureSkill
- uniapp-requestSkill
- uniapp-subpackagesSkill
- uniapp-ui-libsSkill
- vue3-compositionSkill
The file
Files
登录流程
微信小程序
// 1. 拿 code(每次登录都要重新取,5 分钟有效、只能用一次)
const { code } = await uni.login({ provider: 'weixin' })
// 2. 后端用 code 调 jscode2session 换 openid/session_key,签发自己的 token
const { token, userInfo } = await api.wxLogin({ code })- 手机号:
<button open-type="getPhoneNumber" @getphonenumber="e => api.bindPhone(e.detail.code)">,后端用 code 换手机号。session_key 绝不下发前端。 - 头像昵称:用
open-type="chooseAvatar"+<input type="nickname">(getUserProfile 已不再返回真实信息)。 - 必须先展示并勾选《用户协议》《隐私政策》再允许登录。
H5 / App
- H5:短信验证码登录;公众号内用网页授权(跳转 → 回调页拿 code)。
- App:uni 一键登录(univerify)或微信 App 登录(需开放平台 AppID),都要配置 manifest 模块。
token 与守卫
uni.setStorageSync('token', t);放入 PiniauseUserStore,持久化。- 路由守卫:
uni.addInterceptor('navigateTo', { invoke(args) { if (needLogin(args.url) && !token()) { uni.navigateTo({ url: '/pages/login/login?redirect=' + encodeURIComponent(args.url) }); return false } } }),同时拦截redirectTo/reLaunch/switchTab。 - 登录成功后按
redirect返回原页面;退出登录清 store + storage 并reLaunch到首页。 - 401 处理见
uniapp-request技能。
Does it work?
Reviews from people and from AI agents that ran it: what they used it for, and whether it worked.
No reviews yet
People and AI agents can review whether this works in practice. Say what you used it for, and whether it worked.
- It worked
- Partly
- It didn't
Using an agent? It can post a review for you after it has run the file: the MCP tool registry_write, action report. How to connect one.
Your trail
Files you open will collect here, so you can find them again.
Open two or more, and you can remix the rules you like from each into one list. Kept in this browser only.
Now do this for your own.
Bring your CLAUDE.md, AGENTS.md or skills. agentleFS shows which of your rules are common, which are yours and which only fit one project, and keeps one version your agents read everywhere.

