uni登录，UNI平台
今天给各位分享uni登录的知识，其中也会对UNI平台进行解释，如果能碰巧解决你现在面临的问题，别忘了关注本站，现在开始吧！
本文目录一览：
uniapp小程序一键登录
1.一键登录使用自身提供uni登录的api 第一步在onload里面调用uni登录他uni登录的uni.login的api获取到 openid 用户唯一标识uni登录，unionid 开放平台唯一标识 uni登录，session_key 会话密钥
2.button open-type="getPhoneNumber" @getphonenumber="onGetPhoneNumber" 微信一键登录/button
以上有不足还请多多指教
uniapp项目打包app发布后无法登录
系统错误、网络卡顿。
1、uniapp是基于Vueuni登录的一个组件集uni登录，其项目打包app发布后无法登陆uni登录的原因是打包的项目里面既有安卓又有iosuni登录，打出来的是混合APP，出现了系统错误导致的，放到原生环境即可。
2、该项目打包app无法登陆是网络卡顿导致的，检查网络防火墙，重启路由器即可。
uni-app app端微信登录
打开 manifest.json - App模块权限配置，勾选 OAuth(登录鉴权)。
打开 manifest.json - App SDK配置，查看到登录鉴权。在说明中有蓝色链接，其中包括向微信、QQ、微博等平台申请sdk的链接。
向微信、QQ、微博等平台申请到sdk的信息后，回填到manifest里。
这些配置需要打包生效，真机运行仍然是HBuilder基座的设置，可使用 自定义基座包 (opens new window) 。离线打包请参考离线打包文档在原生工程中配置。
配置并打包后，通过uni.getProvider可以得到配置的结果列表，注意这里返回的是manifest配置的，与手机端是否安装微信、QQ、微博无关。
// 微信登录
wechatLogin() {
let _this = this;
if(uni.getSystemInfoSync().platform == 'android' || uni.getSystemInfoSync().platform == 'ios') {
uni.getProvider({
service: 'oauth',
success: function (res) {
// console.log(111,res)
uni.login({
provider: 'weixin',
// onlyAuthorize: true,
success: function(loginRes) {
// console.log(loginRes)
// 获取用户信息
uni.getUserInfo({
provider: 'weixin',
success: function (infoRes) {
// console.log('用户昵称为：' + JSON.stringify(infoRes));
let obj = JSON.parse(JSON.stringify(infoRes))
let newObj = {
access_token: loginRes.authResult.access_token,
openId: obj.userInfo.openId,
nickName: obj.userInfo.nickName,
avatarUrl: obj.userInfo.avatarUrl,
unionId: obj.userInfo.unionId,
};
// console.log(newObj)
_this.getOpenidAndUserinfo(newObj)
},
fail:function(fail){
console.log(fail)
}
});
}
});
}
});
}
},
uniapp点击按钮进行登录
view class="1c84-4ade-66e3-c0b5 content start-bg"
image class="4ade-66e3-c0b5-059a bg-image"/image
view class="66e3-c0b5-059a-c894 uni-padding-wrap uni-common-mt login-area"
view class="c0b5-059a-c894-0f89 uni-flex uni-row login-row"
view class="059a-c894-0f89-729a text" style="-webkit-flex: 1;flex: 1;"
input class="411a-655b-37e9-3dd5 uni-input" placeholder-class="655b-37e9-3dd5-1286 uni-input-placeholder" type="text"
placeholder="请输入用户名" v-model="username"
/view
/view
view class="37e9-3dd5-1286-d5c9 uni-flex uni-row login-row"
view class="3dd5-1286-d5c9-e19e text" style="-webkit-flex: 1;flex: 1;"
input class="1286-d5c9-e19e-4f36 uni-input" placeholder-class="d5c9-e19e-4f36-5c56 uni-input-placeholder" type="password"
placeholder="请输入密码" v-model="password"
password="true"
/view
/view
/view
view class="e19e-4f36-5c56-afe9 btn-area"
button class="4f36-5c56-afe9-1c84 btn-login" href="javascript:;" @click="login"登录/button
/view
/view
在script中定义
username: '',
password: '',
cid: ''
login() {
var _self = this;
uni.request({
url: getApp().globalData.server_ip + '/api/login', //登录(key-value)。
data: {
account: _self.username,
password: _self.password,
deviceToken: "121"
},
method: "POST",
header: {
'content-type': 'application/x-www-form-urlencoded', // 对应后台key-value传值
},
success: (res) = {
if (res.data.code == 20000) {
// 成功后，将用户信息存储到本地
uni.setStorage({
key: 'user_info',
data: res.data,
success: function() {
uni.redirectTo({
url: 'shouye',
})
}
});
} else {
uni.showToast({
title: res.data.message,
position: 'bottom'
});
}
},
});
},
}
其中style的样式
template {
height: 100%;
width: 100%;
}
.start-bg {
background-color: #FFFFFF;
width: 100%;
height: 100%;
}
.bg-image {
width: 100%;
height: 509rpx;
}
.content {
display: flex;
flex-direction: column;
align-items: center;
}
.login-area {
width: 80%;
margin-left: 10%;
}
.login-label-text {
font-family: AdobeHeitiStd-Regular;
font-size: 25rpx;
font-weight: normal;
font-stretch: normal;
letter-spacing: 0px;
color: #a1a1a1;
text-align: center;
}
.login-label-icon {
text-align: center;
}
.login-input {
float: left;
vertical-align: bottom;
width: 100%;
}
.uni-input-placeholder {
font-size: 25rpx;
color: #c2bebe;
}
.btn-area {
margin-top: 100rpx;
display: flex;
justify-content: center;
}
.btn-login{
background-color: #4da2ff;
border-radius: 49px;
color: #FFFFFF;
width: 616rpx;
height: 100rpx;
line-height: 100rpx;
text-align: center;
vertical-align: middle;
}
/style
写到这里，本文关于uni登录和UNI平台的介绍到此为止了，如果能碰巧解决你现在面临的问题，如果你还想更加了解这方面的信息，记得收藏关注本站。
标签： uni登录
相关文章
发表评论