UNIAPP VUE3 微信小程序用邀请码注册登录

文档搞的有点乱,

到现在才搞的有点头绪.

async	function go2() {
	const uniIdCo=uniCloud.importObject('uni-id-co')
	uni.login({   //uni.loin是前端API,成功返回微信小程序CODE
		provider: 'weixin', // 指定提供商为微信
		success: (res) => {
            //uniIdCo是uni=id=co的官方云对象,loginbyweixin用login得到的code来登陆微信小程序
			uniIdCo.loginByWeixin({code:res.code,inviteCode:'LMN7FL'}).then(()=>{
				uni.showToast({title:'已经邀请注册成功'})
			})
		}
	})
	
		
		//const tem=await uniIdCo.acceptInvite({inviteCode:'LMN7FL'})

	}

uni.login是前端API,直接用,

在sucess里,可以通过res.code,得到微信登录的code

通过uni-id-co的云对象方法loginByWeixin来完成登录,此方法参数是一个对象,需要两个属性,头一个是微信登录的code,第二个inviteCode是uni-user-id表里的邀请码(可选),

方法执行完成后,会自动注册登录的微信号为用户,

把整个方法关联到 登录按钮上即可.

----------

第二天,两种都可以.

	async function go2(invitecode) {
		const uniIdCo = uniCloud.importObject('uni-id-co')
		uni.login({
			provider: 'weixin', // 指定提供商为微信
			success: async (res) => {
				console.log('login sucess: ', res);
				uniIdCo.loginByWeixin({
					code: res.code,//LOGIN返回的code
					inviteCode: '' // 邀请码,可选参数,用于邀请码登录或注册时使用
				}).then(async (res2) => {
					console.log('loginbyweixin sucess: ', res2);
					if (invitecode !== "") {
						uniIdCo.acceptInvite({
							inviteCode: invitecode
						}).then(res3 => {
							console.log('invite sucess: ', res3)
						}).catch(err => {
							console.log(err.code, err.message)
						})
					}

				})
			},
			fail: (err) => {
				console.log('login failed: ', err);
			}
		})
	}

  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
Vue3+uni-app实现微信小程序登录流程主要分为以下步骤: 1. 在uni-app项目中安装并引入微信小程序登录插件(如wxlogin),在main.js中初始化并配置插件参数。 2. 创建一个登录页面,该页面包含点击按钮触发微信登录的操作,可以通过uni.login()方法调用微信小程序登录接口获取code。 3. 接收到微信小程序登录接口返回的code后,将code发送给后端服务器,后端服务器将code和小程序App ID以及App Secret发送给微信服务器进行登录凭证校验,获取到session_key和openid。 4. 服务器根据openid和session_key生成一个自定义的token,返回给前端。 5. 前端将token保存在本地,使用uni.setStorage()方法进行存储,以便后续的登录状态维持和接口请求验证。 6. 在需要登录验证的页面或组件中,通过uni.getStorage()方法获取本地存储的token,并将token添加到请求头中,发送给后端服务器进行接口请求。 7. 后端服务器接收到带有token的请求,对token进行校验和解析,验证token是否有效,从而确保用户的登录状态。 总结:通过以上步骤,实现了Vue3+uni-app微信小程序的登录流程。用户通过点击按钮触发微信小程序登录接口,后端服务器校验登录凭证,生成token并返回给前端,前端保存token并在请求接口时携带token进行验证,保证了用户的登录状态和接口访问权限的安全性。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值