uniapp 生成html5_uni-app 登录(h5+ app 篇)
完整代码
微信登录
微信登录
手机号码登录
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 篇)相关推荐
- PHP app登录qq,APP配置QQ登录的详细教程
之前教程不够详细,很多人的APP不能正常使用QQ登录.现在重新整理了一个教程.大家可以参考配置. 为了避免重复注册帐号,安卓APP只能共用网站的QQ登录接口,这就需要你得重新为他申请APP的相关登录接 ...
- H5/APP客服端源码/uniapp在线客服系统源码开源了,全源码代码解读及发行安装教程...
前言 目前,即时通讯在线咨询在网站.APP.小程序中已经是不可获取的功能,尤其是专注于线上营销的商家,迫切需要一套可以随时与访客交流的即时通讯工具. 如果使用市面上的SaaS客服系统,会在功能上受限制 ...
- 运营版uniapp多商户商城小程序+H5+APP+商家入驻短视频社区种草直播阶梯拼团
运营版uniapp多商户商城小程序+H5+APP+商家入驻短视频社区种草直播阶梯拼团 前后端全套源码, 支持二次开发,代码无加密! 独立商家后台 用于店铺商品管理订单管理发货管理等 多类经营模式 多商 ...
- uni-app支付相关配置和代码(H5+APP+小程序+requestPayment service fail not found报错)
借鉴文章: uniapp 开发过程中 遇到的微信支付调用失败 payment微信:-1]General errors","errCode":-100,"cod ...
- 前端-uniapp开发app登录逻辑(人机验证以及手机获取验证码)
1.逻辑梳理 跳转登录页面后,显示需要手机登录.填写手机号->点击获取验证码->弹出人机验证页面->拼图成功->请求后端接口给手机发验证码->获取验证码文字变成60s计时 ...
- uniapp实现下拉刷新及上拉(分页)加载更多(app,H5,小程序均可使用)
开门见山地说,在移动端开发中,80%的项目都会涉及到列表展示,而有了列表不可避免的需求就是列表的下拉刷新和上拉加载更多.本篇文章主要介绍在使用uniapp开发移动端的过程中,比较好用的一个下拉及上拉组 ...
- uni-app开发APP和H5,分享功能
App app分享以后一定是在H5页面进行查看的 若开发语言是uni-app的话可以在插件市场 APP分享.微博分享.QQ分享.微信好友.朋友圈 - DCloud 插件市场 // #ifdef APP ...
- app维持h5登录状态_维持团队设计质量的5种工具
app维持h5登录状态 Whenever you've worked in a team of designers, there has certainly been a time when some ...
- uni-app跨端开发实现APP与H5之间的通讯和交互
最近在研究uni-app跨端开发APP和H5的通讯和交互,比如H5调用APP的方法,APP往H5里面传参,H5往app外面传参.话不多说,上代码! html文件放本地的话必须放在项目根目录下的stat ...
- HBuilder 打包 H5 APP 进行认证登录
[H5 Mui] App 统一身份认证登录过程的记录 在 h5 app 开发的过程中,用到到统一认证登录的功能(统一身份认证登接口),来进行登录验证. 在开发 h5 app 的时候,一般会提供 app ...
最新文章
- 权限表管理之获取用户权限表列表数据
- cocos2d-x的win32编译环境
- chrome developer tools小技巧
- 【控制】《多无人机协同控制技术》周伟老师-第9章-单无人机目标跟踪飞行控制策略
- 如何运行一个Java文件?
- alert()的功能_功能强大的Flutter 视频播放插件
- Github(1)-概览,初始化仓库
- react 子传参父_react子父传参有几种方法?
- db2有主键时默认hash分区_不允许设置db2主键问题的解决
- Android9.0 setStereoVolume左右声道流程(二十四)
- 清华大学计算机杜瑜皓,我在清华等你来|2015国际信息学奥赛全球第四名杜瑜皓:人生不搏枉少年...
- OpenGL学习笔记一
- Python实现基于ClipCap的看图说话Image Caption模型
- Android 蓝牙HOGP协议(基于ble-gatt蓝牙)连接流程分析--framework-jni-btif-bta-btm-hci -- 全网最详细(二)
- 在地化和本土化的区别_本地化和翻译的本质区别在哪里?
- Win7和Win10操作系统优劣对比,看完你就懂了!
- Haoop之hbase高可用集群的 安装与使用
- UI自动化测试面试题总结
- 绿色信贷数据合集(更新至2021年)
- 资深程序员--赵志刚 zz
热门文章
- Fiddler 和 Wireshark抓包教程合集
- 谈《西游记》和泛项目
- 【许晓笛】 EOS智能合约案例解析(1) 1
- MySQL中concat()、concat_ws()、group_concat()三个函数的使用技巧案例与心得总结
- 苹果签名是什么?苹果签名的作用是什么?
- linux下drcom无法上网,安装drcom出现问题
- Android Canvas绘制丘比特之箭
- 将 libVLC 视频渲染到 QWidget 中
- Markdown教程常用语法随笔
- 码码在线考勤系统笔记(三)