wxLoginFn() {

let self= this;

getService()//微信受权登陆对象

let aweixin = null;//当前环境支持的全部受权登陆对象

let auths = null;//获取登陆受权认证服务列表,单独保存微信登陆受权对象

functiongetService(){

plus.oauth.getServices(function(services){//plus.nativeUI.alert("services:"+JSON.stringify(services));

auths =services;

authLogin()

},function(e){

plus.nativeUI.alert("获取登陆受权服务列表失败,请稍后重试");//plus.nativeUI.alert("获取登陆受权服务列表失败:"+JSON.stringify(e));

} );

}//获取微信登陆受权对象后可进行登陆认证操做

functionauthLogin(){for(let i = 0; i < auths.length; i++){if(auths[i].id == 'weixin'){

aweixin=auths[i];break;

}

}if(!aweixin){

plus.nativeUI.alert("当前环境不支持微信登陆");return;

}if(!aweixin.authResult){

aweixin.login(function(e){//plus.nativeUI.alert("登陆认证成功!"+JSON.stringify(e));

authUserInfo()

},function(e){//plus.nativeUI.alert("登陆认证失败: "+JSON.stringify(e));

} );

}else{

authUserInfo()

console.log("已经登陆认证!");

}

}//获取微信登陆受权对象后获取用户信息操做

functionauthUserInfo(){

Toast.loading({

mask:true,

message:'微信登陆中...'});if(!aweixin){

Toast.clear();

plus.nativeUI.alert("当前环境不支持微信登陆");return;

}if(aweixin.authResult){

aweixin.getUserInfo(function(e){

//登陆成功处理

Toast.clear();//plus.nativeUI.alert("获取用户信息成功:"+JSON.stringify(aweixin.userInfo));

let wxUserInfo =aweixin.userInfo;

Storage.set('wxUserInfo', JSON.stringify(wxUserInfo));

authLoginOut();//注销登陆防止切换帐号获取到旧信息

}, function(e){

console.log("获取用户信息失败: "+JSON.stringify(e));

} );

}else{

Toast.clear();

plus.nativeUI.alert("未登陆认证!");

}

}//注销登陆认证

functionauthLoginOut(){if(!aweixin){

plus.nativeUI.alert("当前环境不支持微信登陆");return;

}

aweixin.logout(function(e){//plus.nativeUI.alert("注销登陆认证成功!"+JSON.stringify(e));

}, function(e){

console.log("注销登陆认证失败: "+JSON.stringify(e));

});

}

}

html5app微信登陆,基于h5+的微信登陆,hbuilder打包相关推荐

  1. 微信支付【H5非微信内浏览器支付】

    最近需要在电商平台集成微信支付,PC端扫码支付,移动端是H5支付,扫码支付,这个比较简单,主要是H5支付,要求非微信内浏览器支付.看了官方文档发现,没有这种模式,只有扫码支付.刷卡支付.APP支付.公 ...

  2. 微信公众号H5【微信网页授权快照页】复现情况,以及解决方法(详细,成功,forcePopup,forceSnapShot,is_snapshotuse)

    (上班时间写的!!,大哥们看完记得点赞) 1.官方回答(稀碎) 快照页将会默认对用户屏蔽网页授权弹窗,用户在快照页中仅可进行滑动浏览操作,其他交互将被限制,并提示用户 "该网页需获取个人信息 ...

  3. html实现微信公众号,H5在微信公众号的下拉刷新实现

    由于项目需要在微信公众号做"健康资讯"相关的,所以会用到下拉刷新,可是使用的原生H5做页面,不过希望能够做到和app原生一样的下拉刷新效果,然后在网上找了找H5下拉刷新相关的资料, ...

  4. 微信环境中h5调用微信扫一扫api

    需求:支持微信公众号的h5页面内调用微信扫一扫api,实现产品的扫码签到功能 技术栈:vue, ts 参考资料:微信官方文档 步骤: 项目引入js 文件,有两种引入方式, 全局引入 全局引入,在全局h ...

  5. 微信html5开发常见bug,微信公众号H5之微信分享常见错误和问题

    url转码 确认 url是页面完整的 url(请在当前页面 alert(location.href.split('#')[0])确认),包括 'http(s)/'部分,以及'?'后面的 GET参数部分 ...

  6. web 微信与基于node的微信机器人实现

    转:http://www.07net01.com/2016/01/1201188.html 协议分析 我使用Firefox浏览器调试工具,查看浏览器通信及美化web微信Javascript代码.非常好 ...

  7. php 盗用微信文章,基于PHP的微信文章精选示例代码-六派数据

    示例代码 本代码示例是基于PHP的六派数据接口进行数据请求API服务请求的代码示例,使用前你需要: 以下是完整代码示例: require_once("curl.func.php") ...

  8. 极光会客厅:大型H5游戏如何登陆微信小游戏及游戏性能优化分享

    上周末,由极光网络主办的首期"极光会客厅"正式开门迎客.在本次的"2D小游戏开发实战技术沙龙"上,极光网络客户端主程陈策以及极光网络项目总监陈源向一众与会者分享 ...

  9. H5 微信开发接入流程(网页登陆授权JS-SDK授权)

    1.网页授权:(参阅:https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1421140842) 登陆公众号,开发 - 接口权限 - ...

最新文章

  1. OpenCV学习笔记1
  2. 数据库入门浅析:ASP.NET与MySQL连接
  3. java时间规划书_【计算机本科补全计划】Java学习笔记(九) Java日期时间
  4. matlab画无量纲速度分布,麦克斯韦分布与概率论中典型分布的比较教学
  5. python int32 int8_python-使用numpy视图将int32转换为int8
  6. 离散型概率分布的抽样
  7. 高中信息技术——Photoshop刷题点整理
  8. FANUC系统开发API(FOCAS2)pc应用开发,机加工领域
  9. 英文站变现赚美金的7种方式
  10. vtk 实现mimics软件中的Split/Merge算法
  11. 爬取《NBA30支球队》“现役球员信息”,分别存储到3种不同的数据库!
  12. pr基本剪辑操作/视频导出操作
  13. java 调用本地播放器_Java调用本地播放器播放视频文件
  14. 超越之MongDB系列教程(六) MongDB的查询
  15. 页面html背景图片居中显示文字,DIV+CSS中让布局、背景图片、文字内容居中的方法...
  16. HIF转16位TIF或者PNG
  17. .NET WebApi 实战第三讲
  18. 深度学习 cnn pytorch框架报错 size mismatch, m1: [ x ], m2: [ x ] Captcha.ImageCaptcha设置生成图片的大小尺寸
  19. 如何做好新媒体运营推广工作,黎想首谈一位优秀新媒体运营策划人员的思维模型
  20. 每天干的啥?(2019.6)

热门文章

  1. 工厂三兄弟之抽象工厂模式
  2. 大剑无锋之什么是值传递和引用传递?【面试推荐】
  3. mybatis实现多对多
  4. leetcode 36. Valid Sudoku | 37. Sudoku Solver(数独)
  5. leetcode 382. Linked List Random Node | 382. 链表随机节点(Java)
  6. leetcode 309. Best Time to Buy and Sell Stock with Cooldown | 309. 最佳买卖股票时机含冷冻期(动态规划)
  7. MySQL调优(五):MySQL查询优化分析
  8. 【Servlet】Filter过滤器详解、使用示例
  9. 在wildfly 21中搭建cluster集群
  10. HashMap源码解读