DMOZ中文网站分类目录-免费收录各类优秀网站的中文网站目录.
  • DmozDir.org
DMOZ目录快速登录入口-免费收录各类优秀网站的中文网站目录.由人工编辑,并提供网站分类目录检索及地区分类目录检索,是站长免费推广网站的有力平台!

uniapp实现APP微信登录流程

  • uniapp实现APP微信登录流程

  • 已被浏览: 501 次2020年12月27日    来源:  https://blog.csdn.net/weixin_39706415/article/details/111588710
  • 1、注册微信开放平台 ? 1、注册账号 https://open.weixin.qq.com/ 2、企业认证 微信登录必须认证3、创建应用填写信息 4、等待审核 5、获取appid和秘钥 开通APP支付绑定商户即可2、用户端代码

    1、注册微信开放平台

    ?

    1、注册账号

    https://open.weixin.qq.com/

    ?

    2、企业认证 (微信登录必须认证)

    ?

    3、创建应用填写信息

    ?

    4、等待审核

    5、获取appid和秘钥(开通APP支付绑定商户即可)

    ?

    2、用户端代码中进入manifest.json设置

    3、登录界面代码实现

    写一个登录按钮

    <button  class="confirm-btn" @click="weixinLo">微信登录</button>
    

    实现点击登录方法代码以及说明

    weixinLo() {
    				let that = this;
    				uni.login({
    					provider: 'weixin',
    					success: function(loginRes) {
    						that.$queue.showLoading('正在登录中...');
    						console.error(loginRes.authResult);
    //获取登录的token
    that.$queue.setData('weixinToken',loginRes.authResult.access_token);
    //获取登录的unionid 这个还是在开放平台做了 公众号 小程序 微信登录app关联才会有
    						that.$queue.setData('unionid', loginRes.authResult.unionid);
    //获取openid
    						that.$queue.setData('weixinOpenid', loginRes.authResult.openid);
    //这里吧数据全部提交给后台核验,有没有注册 注册了 后台代码会请求接口String s = HttpClient.doGet("https://api.weixin.qq.com/sns/userinfo?access_token=" + loginInfo.getToken() + "&openid=" + loginInfo.getOpenid()); 获取头像和昵称
    						that.$Request
    							.postJson('/user/loginApp', {
    								token: loginRes.authResult.access_token,
    								unionid: loginRes.authResult.unionid,
    								openid: loginRes.authResult.openid
    							})
    							.then(res => {
    								if (res.status === 0) {
    
    									//绑定手机号直接登录
    									that.getUserInfo(res.data.userId, res.data.uuid);
    								} else {
    									//没有绑定手机号让绑定手机号
    									uni.navigateTo({
    										url: '/pages/public/wxmobile'
    									});
    								}
    							});
    					}
    				});
    			},
    小马总 技术控 互联网创业者 微信搜一搜【码兄】关注,关注后点击菜单【学习资料】获取各类技术学习视频资料哦!本人互联网创业者!省钱兄科技CEO!技术控!喜欢撸代码!CSDN记录我的程序人生和创业历程!期待你的关注
    以上信息来源于网络,如有侵权,请联系站长删除。

    TAG:流程 Uniapp app

  • 上一篇:【Account】登录过程繁琐造成用户流失?华为帐号让应用获客更简单!
  • 与“uniapp实现APP微信登录流程”相关的资讯
  • SpringSecurity认证流程
  • 微服务业务生命周期流程管控引擎
  • 一个通用的学习流程
  • [已完成+附代码]CS:APP:Lab6-ShellLab
  • 阿里云服务器怎么装软件及操作系统?(详细流程步骤)