完整代码

微信登录

微信登录

手机号码登录

var _self;

export default {

data:{

},

onLoad:function(){

_self = this;

},

methods:{

getuserinfoh5appwx: function(){

uni.login({

success:function(res2){

console.log(JSON.stringify(res2) + '2');

uni.getUserInfo({

success:function(res3){

console.log(JSON.stringify(res3) + '3');

}

})

},

});

},

getuserinfo : function(res1){

console.log(JSON.stringify(res1) + '1');

//如果只需要opendid 和非加密数据至此登录完成

//此处连接数据库利用openid 就可以进行登录环节

//免费的视频教程 http://www.hcoder.net/tutorials/info_141.html

uni.login({

success:function(res2){

console.log(JSON.stringify(res2) + '2');

//获取 sessionKey

uni.request({

url : 'https:///hoa.hcoder.net/xcxencode/?c=sk&appid=wxbb7f9f1f2c6f4f33&secret=739b970b832f0df158f54c494a08e440&code='+res2.code,

success:function(res3){

console.log(JSON.stringify(res3) + '3');

//记录到本地

try{

uni.setStorageSync('sk', res3.data.session_key);

uni.setStorageSync('openid', res3.data.openid);

}catch(e){

//TODO handle the exception

}

uni.hideLoading();

//以下步骤可以获取加密信息,需要授权

//获取加密信息

if(!res1.detail.iv){

uni.showToast({

title:"您取消了授权,登录失败",

icon:"none"

});

return false;

}

try{

var sessionKey = uni.getStorageSync('sk');

console.log(sessionKey);

}catch(e){

//TODO handle the exception

}

uni.request({

/**

* $appid = $_POST['appid'];

$sessionKey = $_POST['sessionKey'];

$encryptedData = $_POST['encryptedData'];

$iv = $_POST['iv'];

*/

method : "POST",

url : 'https:///hoa.hcoder.net/xcxencode/',

header : {'content-type':'application/x-www-form-urlencoded'},

data : {

appid : "wxbb7f9f1f2c6f4f33",

sessionKey : sessionKey,

iv : res1.detail.iv,

encryptedData : res1.detail.encryptedData

},

success:function(res4){

//"{"openId":"oS6of0V0rdp9nY_BuvCnQUasOHYc","nickName":"深海",

//"gender":1,"language":"zh_CN","city":"Xi'an","province":"Shaanxi",

//"country":"China","avatarUrl":"https://wx.qlogo.cn/mmopen/vi_32/7iags6YD4enyU"

console.log(JSON.stringify(res4) + '4');

//至此登录完成

}

});

}

})

}

});

}

}

}

uniapp 生成html5_uni-app 登录(h5+ app 篇)相关推荐

  1. PHP app登录qq,APP配置QQ登录的详细教程

    之前教程不够详细,很多人的APP不能正常使用QQ登录.现在重新整理了一个教程.大家可以参考配置. 为了避免重复注册帐号,安卓APP只能共用网站的QQ登录接口,这就需要你得重新为他申请APP的相关登录接 ...

  2. H5/APP客服端源码/uniapp在线客服系统源码开源了,全源码代码解读及发行安装教程...

    前言 目前,即时通讯在线咨询在网站.APP.小程序中已经是不可获取的功能,尤其是专注于线上营销的商家,迫切需要一套可以随时与访客交流的即时通讯工具. 如果使用市面上的SaaS客服系统,会在功能上受限制 ...

  3. 运营版uniapp多商户商城小程序+H5+APP+商家入驻短视频社区种草直播阶梯拼团

    运营版uniapp多商户商城小程序+H5+APP+商家入驻短视频社区种草直播阶梯拼团 前后端全套源码, 支持二次开发,代码无加密! 独立商家后台 用于店铺商品管理订单管理发货管理等 多类经营模式 多商 ...

  4. uni-app支付相关配置和代码(H5+APP+小程序+requestPayment service fail not found报错)

     借鉴文章: uniapp 开发过程中 遇到的微信支付调用失败 payment微信:-1]General errors","errCode":-100,"cod ...

  5. 前端-uniapp开发app登录逻辑(人机验证以及手机获取验证码)

    1.逻辑梳理 跳转登录页面后,显示需要手机登录.填写手机号->点击获取验证码->弹出人机验证页面->拼图成功->请求后端接口给手机发验证码->获取验证码文字变成60s计时 ...

  6. uniapp实现下拉刷新及上拉(分页)加载更多(app,H5,小程序均可使用)

    开门见山地说,在移动端开发中,80%的项目都会涉及到列表展示,而有了列表不可避免的需求就是列表的下拉刷新和上拉加载更多.本篇文章主要介绍在使用uniapp开发移动端的过程中,比较好用的一个下拉及上拉组 ...

  7. uni-app开发APP和H5,分享功能

    App app分享以后一定是在H5页面进行查看的 若开发语言是uni-app的话可以在插件市场 APP分享.微博分享.QQ分享.微信好友.朋友圈 - DCloud 插件市场 // #ifdef APP ...

  8. app维持h5登录状态_维持团队设计质量的5种工具

    app维持h5登录状态 Whenever you've worked in a team of designers, there has certainly been a time when some ...

  9. uni-app跨端开发实现APP与H5之间的通讯和交互

    最近在研究uni-app跨端开发APP和H5的通讯和交互,比如H5调用APP的方法,APP往H5里面传参,H5往app外面传参.话不多说,上代码! html文件放本地的话必须放在项目根目录下的stat ...

  10. HBuilder 打包 H5 APP 进行认证登录

    [H5 Mui] App 统一身份认证登录过程的记录 在 h5 app 开发的过程中,用到到统一认证登录的功能(统一身份认证登接口),来进行登录验证. 在开发 h5 app 的时候,一般会提供 app ...

最新文章

  1. 权限表管理之获取用户权限表列表数据
  2. cocos2d-x的win32编译环境
  3. chrome developer tools小技巧
  4. 【控制】《多无人机协同控制技术》周伟老师-第9章-单无人机目标跟踪飞行控制策略
  5. 如何运行一个Java文件?
  6. alert()的功能_功能强大的Flutter 视频播放插件
  7. Github(1)-概览,初始化仓库
  8. react 子传参父_react子父传参有几种方法?
  9. db2有主键时默认hash分区_不允许设置db2主键问题的解决
  10. Android9.0 setStereoVolume左右声道流程(二十四)
  11. 清华大学计算机杜瑜皓,我在清华等你来|2015国际信息学奥赛全球第四名杜瑜皓:人生不搏枉少年...
  12. OpenGL学习笔记一
  13. Python实现基于ClipCap的看图说话Image Caption模型
  14. Android 蓝牙HOGP协议(基于ble-gatt蓝牙)连接流程分析--framework-jni-btif-bta-btm-hci -- 全网最详细(二)
  15. 在地化和本土化的区别_本地化和翻译的本质区别在哪里?
  16. Win7和Win10操作系统优劣对比,看完你就懂了!
  17. Haoop之hbase高可用集群的 安装与使用
  18. UI自动化测试面试题总结
  19. 绿色信贷数据合集(更新至2021年)
  20. 资深程序员--赵志刚 zz

热门文章

  1. Fiddler 和 Wireshark抓包教程合集
  2. 谈《西游记》和泛项目
  3. 【许晓笛】 EOS智能合约案例解析(1) 1
  4. MySQL中concat()、concat_ws()、group_concat()三个函数的使用技巧案例与心得总结
  5. 苹果签名是什么?苹果签名的作用是什么?
  6. linux下drcom无法上网,安装drcom出现问题
  7. Android Canvas绘制丘比特之箭
  8. 将 libVLC 视频渲染到 QWidget 中
  9. Markdown教程常用语法随笔
  10. 码码在线考勤系统笔记(三)