huangshijie/hios-miniprogram
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

U：wx.getUserProfile接口失效后，新增修改用户头像和昵称的页面。

Browse Source
This commit is contained in:
iamdarcy 2023-04-11 12:18:23 +08:00
parent 353cad572e
commit 0716b4471c
12 changed files with 490 additions and 379 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

35
app.js
View File

@ -13,29 +13,18 @@ App({
wx.setStorageSync('logs', logs)
// 登录
wx.login({
success: res => {
// 发送 res.code 到后台换取 openId, sessionKey, unionId
success: (res) => {
util.request(api.AuthLoginByWeixin, {
code: res.code
}, 'POST').then(function (res) {
if (res.errno === 0) {
let userInfo = res.data.userInfo;
wx.setStorageSync('token', res.data.token);
wx.setStorageSync('userInfo', userInfo);
}
})
// 获取用户信息
wx.getSetting({
success: res => {
if (res.authSetting['scope.userInfo']) {
// 已经授权，可以直接调用 getUserInfo 获取头像昵称，不会弹框
wx.getUserInfo({
success: res => {
// 可以将 res 发送给后台解码出 unionId
this.globalData.userInfo = res.userInfo
// 由于 getUserInfo 是网络请求，可能会在 Page.onLoad 之后才返回
// 所以此处加入 callback 以防止这种情况
if (this.userInfoReadyCallback) {
this.userInfoReadyCallback(res)
}
}
})
}
}
})
});
},
});
let that = this;
wx.getSystemInfo({ // 获取页面的有关信息
success: function (res) {
@ -46,7 +35,6 @@ App({
that.globalData.hh = hh;
}
});
},
globalData: {
userInfo: {
@ -56,5 +44,4 @@ App({
},
token: '',
}
})

9
config/api.js
View File

@ -1,8 +1,10 @@
// const ApiRootUrl = 'http://localhost:8360/api/';
// const ApiRootUrl = 'http://192.168.0.108:8360/api/';
const ApiRootUrl = 'https://www.guxiaoling.com:8466/api/';
const ApiRoot = 'http://localhost:8361';
// const ApiRoot = 'http://192.168.0.113:8361';
// const ApiRoot = 'https://www.qile.club:8688';
const ApiRootUrl = ApiRoot + '/api/'
module.exports = {
ApiRoot: ApiRoot,
// 登录
AuthLoginByWeixin: ApiRootUrl + 'auth/loginByWeixin', //微信登录
// 首页
@ -52,6 +54,7 @@ module.exports = {
ShowSettings: ApiRootUrl + 'settings/showSettings',
SaveSettings: ApiRootUrl + 'settings/save',
SettingsDetail: ApiRootUrl + 'settings/userDetail',
UploadAvatar: ApiRootUrl + 'upload/uploadAvatar',
GetBase64: ApiRootUrl + 'qrcode/getBase64', //获取商品详情二维码
};

BIN
images/icon/nick.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.1 KiB

2
pages/app-auth/index.js
View File

@ -42,6 +42,7 @@ Page({
let code = '';
wx.login({
success: (res) => {
console.log(res)
code = res.code;
},
});
@ -52,6 +53,7 @@ Page({
success: (res) => {
let loginParams = {
code: code,
app: 3,
encryptedData: res.encryptedData,
iv: res.iv,
rawData: res.rawData,

11
pages/ucenter/about/index.wxml
View File

@ -4,13 +4,12 @@
<view class='content'>
开源微信小程序商城
</view>
<view class="line"></view>
<view class="content">开发者：盛良</view>
<view class="content">微信：lookgxl</view>
<view class="line"></view>
<view class="img-wrap">
<image mode="aspectFill" class="code-img" src="https://www.qile.club/qrcode.jpg" show-menu-by-longpress="{{true}}"></image>
</view>
<view class='content'>
更多信息访问：hiolabs.com
更多信息访问：qile.club
</view>
</view>
<!-- <ad unit-id="adunit-1776b4f8f2217197" ad-type="video" ad-theme="white"></ad> -->
<ad unit-id="adunit-1776b4f8f2217197" ad-type="video" ad-theme="white"></ad>
</view>

13
pages/ucenter/about/index.wxss
View File

@ -14,7 +14,7 @@ page {
.about-wrap {
background: #fff;
padding: 50rpx 40rpx;
padding: 0 40rpx;
}
.title {
@ -32,8 +32,19 @@ page {
text-indent: 56rpx;
line-height: 50rpx;
box-sizing: border-box;
margin-bottom: 20rpx;
}
.img-wrap{
display: flex;
width: 100%;
justify-content: center;
}
.code-img{
width: 550rpx;
height: 750rpx;
}
.line {
height: 1rpx;
border-top: 1rpx solid #f1f1f1;

71
pages/ucenter/index/index.js
View File

@ -10,8 +10,10 @@ Page({
data: {
userInfo: {},
hasUserInfo: false,
canIUse: wx.canIUse('button.open-type.getUserInfo'),
status: {},
root: api.ApiRoot,
is_new: 0,
root: api.ApiRoot
},
goProfile: function (e) {
let res = util.loginNow();
@ -52,32 +54,63 @@ Page({
});
}
},
goAuth: function(e) {
wx.navigateTo({
url: '/pages/app-auth/index',
// goAuth: function (e) {
// wx.navigateTo({
// url: '/pages/app-auth/index',
// });
// },
goAuth() {
let code = '';
let that = this;
wx.login({
success: (res) => {
code = res.code;
that.postLogin(code)
},
});
},
postLogin(code) {
let that = this;
util.request(api.AuthLoginByWeixin, {
code: code
}, 'POST').then(function (res) {
if (res.errno === 0) {
let userInfo = res.data.userInfo;
that.setData({
is_new: res.data.is_new,
userInfo: userInfo,
hasUserInfo: true
})
wx.setStorageSync('token', res.data.token);
wx.setStorageSync('userInfo', userInfo);
app.globalData.token = res.data.token;
}
});
},
onLoad: function (options) {
this.goAuth();
},
onShow: function () {
let userInfo = wx.getStorageSync('userInfo');
if(userInfo == ''){
this.setData({
hasUserInfo: 0,
});
}
else{
this.setData({
hasUserInfo: 1,
});
}
this.setData({
userInfo: userInfo,
});
this.getOrderInfo();
this.getSettingsDetail();
wx.removeStorageSync('categoryId');
},
getSettingsDetail() {
let that = this;
util.request(api.SettingsDetail).then(function (res) {
console.log(res)
if (res.errno === 0) {
let userInfo = res.data;
console.log('userInfo')
console.log(userInfo)
// wx.setStorageSync('userInfo', userInfo);
that.setData({
userInfo: userInfo,
hasUserInfo: true
});
}
});
},
onPullDownRefresh: function () {
wx.showNavigationBarLoading()
this.getOrderInfo();

4
pages/ucenter/index/index.wxml
View File

@ -1,6 +1,6 @@
<view class="container">
<view class="userinfo">
<view class='head-wrap' wx:if="{{hasUserInfo == 0}}" bindtap='goAuth'>
<view class='head-wrap' wx:if="{{hasUserInfo == false}}" bindtap='goAuth'>
<view class="no-login-avatar">
<view class='no-avatar'>
<image class='avatar' src="/images/icon/default_avatar_big.png"></image>
@ -11,7 +11,7 @@
<view class='head-wrap' wx:else bindtap='goProfile'>
<view class="head-l">
<view class='l'>
<image class='avatar' src="{{userInfo.avatar}}"></image>
<image class='avatar' src="{{root + userInfo.avatar}}"></image>
</view>
<view class='r'>
<view class='t'>

87
pages/ucenter/settings/index.js
View File

@ -1,36 +1,63 @@
var util = require('../../../utils/util.js');
var api = require('../../../config/api.js');
var app = getApp();
Page({
data: {
name: '',
nickName: '',
mobile: '',
status: 0,
avatarUrl: '/static/images/default_avatar.png',
hasAvatar: 0,
root: api.ApiRoot
},
onChooseAvatar(e) {
const {
avatarUrl
} = e.detail
this.setData({
avatarUrl,
})
let that = this;
wx.uploadFile({
url: api.UploadAvatar,
filePath: avatarUrl,
name: 'upload_file',
formData: {
// 'userId': 'test'
},
success(res) {
if (res.statusCode == 200) {
let re = res.data
let echo = JSON.parse(re);
console.log(echo);
let data = echo.data;
let avatarUrl = data.fileUrl
console.log(avatarUrl)
that.setData({
avatarUrl: avatarUrl,
hasAvatar: 1
})
}
}
})
},
mobilechange(e) {
let mobile = e.detail.value;
this.setData({
mobile: mobile,
status: 0
});
if (util.testMobile(mobile)) {
},
bindinputNickName(event) {
let nickName = event.detail.value;
this.setData({
mobile: mobile,
status: 1
nickName: nickName,
});
}
},
bindinputName(event) {
let name = event.detail.value;
let mobile = this.data.mobile;
this.setData({
name: name,
});
if (util.testMobile(mobile)) {
this.setData({
status: 1
});
}
},
getSettingsDetail() {
let that = this;
@ -39,9 +66,14 @@ Page({
that.setData({
name: res.data.name,
mobile: res.data.mobile,
nickName: res.data.nickname,
hasAvatar: 0
});
if (res.data.name == '' || res.data.mobile == ''){
util.showErrorToast('请填写姓名和手机');
if (res.data.avatar != '') {
that.setData({
avatarUrl: res.data.avatar,
hasAvatar: 1
})
}
}
});
@ -52,19 +84,28 @@ Page({
saveInfo() {
let name = this.data.name;
let mobile = this.data.mobile;
let status = this.data.status;
if (name == '') {
util.showErrorToast('请输入姓名');
mobile = mobile.replace(/(^\s*)|(\s*$)/g, "");
if (mobile != '') {
var myreg = /^(((13[0-9]{1})|(14[0-9]{1})|(15[0-9]{1})|(18[0-9]{1})|(17[0-9]{1})|(16[0-9]{1})|(19[0-9]{1}))+\d{8})$/;
if (mobile.length < 11) {
return util.showErrorToast('手机号码长度不对');
} else if (!myreg.test(mobile)) {
return util.showErrorToast('手机号码有问题');
}
}
let avatar = this.data.avatarUrl;
let nickName = this.data.nickName;
nickName = nickName.replace(/(^\s*)|(\s*$)/g, "");
if (nickName == '') {
util.showErrorToast('请输入昵称');
return false;
}
if (mobile == '') {
util.showErrorToast('请输入手机号码');
return false;
}
let that = this;
console.log(avatar)
util.request(api.SaveSettings, {
name: name,
mobile: mobile,
nickName: nickName,
avatar: avatar,
}, 'POST').then(function (res) {
if (res.errno === 0) {
util.showErrorToast('保存成功');

14
pages/ucenter/settings/index.wxml
View File

@ -1,16 +1,22 @@
<view class="container">
<button class="avatar-wrapper" open-type="chooseAvatar" bind:chooseavatar="onChooseAvatar">
<image class="avatar" src="{{root + avatarUrl}}"></image>
</button>
<view class='edit-container'>
<view class="a-item">
<image class="icon" src="/images/icon/nick.png"></image>
<input type="nickname" class="a-input" bindblur="bindinputNickName" value="{{nickName}}" placeholder="请输入昵称" />
</view>
<view class="a-item">
<image class="icon" src="/images/icon/receiver.png"></image>
<input class='a-input' bindblur="bindinputName" placeholder='真实姓名' value="{{name}}"></input>
<input class='a-input' bindblur="bindinputName" placeholder='请输入姓名' value="{{name}}"></input>
</view>
<view class="a-item">
<image class="icon" src="/images/icon/mobile.png"></image>
<input class='a-input' bindblur="mobilechange" value="{{mobile}}" placeholder='手机号码'></input>
<input class='a-input' bindblur="mobilechange" value="{{mobile}}" placeholder='请输入手机'></input>
</view>
</view>
<view class='wrap-btn'>
<view wx:if="{{status == 0}}" class="btn-wrap disable}}">保存</view>
<view wx:else class="btn-wrap active" bindtap='saveInfo'>保存</view>
<view class="btn-wrap active" bindtap='saveInfo'>保存</view>
</view>
</view>

24
pages/ucenter/settings/index.wxss
View File

@ -1,18 +1,38 @@
page {
min-height: 100%;
background-color: #f8f8f8;
background-color: #fff;
}
.avatar-wrapper {
padding: 0;
width: 56px !important;
margin-top: 40px;
margin-bottom: 10px;
}
.avatar-tip{
text-align: center;
font-size: 24rpx;
line-height: 30rpx;
color: #aaa;
margin-bottom: 20rpx;
}
.avatar {
display: block;
width: 56px;
height: 56px;
}
.container {
min-height: 100%;
/* align-items: stretch; */
background: #f8f8f8;
background: #fff;
overflow-x: hidden;
}
.edit-container {
background: #fff;
width: 100%;
margin-top: 40rpx;
}
.a-item {

15
utils/util.js
View File

@ -238,10 +238,19 @@ function sentRes(url, data, method, fn) {
function loginNow() {
let userInfo = wx.getStorageSync('userInfo');
if (userInfo == '') {
wx.navigateTo({
url: '/pages/app-auth/index',
wx.login({
success: (res) => {
request(api.AuthLoginByWeixin, {
code: res.code
}, 'POST').then(function (res) {
if (res.errno === 0) {
let userInfo = res.data.userInfo;
wx.setStorageSync('token', res.data.token);
wx.setStorageSync('userInfo', userInfo);
}
});
},
});
return false;
} else {
return true;
}