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

app.js

@@ -4,7 +4,7 @@ App({
   data: {
     deviceInfo: {}
   },
-    onLaunch: function() {
+  onLaunch: function () {
     this.data.deviceInfo = wx.getSystemInfoSync();
     console.log(this.data.deviceInfo);
     // 展示本地存储能力
@@ -13,32 +13,21 @@ App({
     wx.setStorageSync('logs', logs)
     // 登录
     wx.login({
-            success: res => {
+      success: (res) => {
-                // 发送 res.code 到后台换取 openId, sessionKey, unionId
+        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) {
+      success: function (res) {
         wx.setStorageSync('systemInfo', res)
         var ww = res.windowWidth;
         var hh = res.windowHeight;
@@ -46,7 +35,6 @@ App({
         that.globalData.hh = hh;
       }
     });
-
   },
   globalData: {
     userInfo: {
@@ -56,5 +44,4 @@ App({
     },
     token: '',
   }
-
 })

config/api.js

@@ -1,8 +1,10 @@
-// const ApiRootUrl = 'http://localhost:8360/api/';
+const ApiRoot = 'http://localhost:8361';
-// const ApiRootUrl = 'http://192.168.0.108:8360/api/';
+// const ApiRoot = 'http://192.168.0.113:8361';
-const ApiRootUrl = 'https://www.guxiaoling.com:8466/api/';
+// 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', //获取商品详情二维码
 
 };

pages/app-auth/index.js

@@ -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,

pages/ucenter/about/index.wxml

@@ -4,13 +4,12 @@
     <view class='content'>
       开源微信小程序商城
     </view>
-        <view class="line"></view>
+    <view class="img-wrap">
-        <view class="content">开发者：盛良</view>
+      <image mode="aspectFill" class="code-img" src="https://www.qile.club/qrcode.jpg" show-menu-by-longpress="{{true}}"></image>
-        <view class="content">微信：lookgxl</view>
+    </view>
-        <view class="line"></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>

pages/ucenter/about/index.wxss

@@ -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;

pages/ucenter/index/index.js

@@ -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();
@@ -21,7 +23,7 @@ Page({
       });
     }
   },
-    toOrderListTap: function(event) {
+  toOrderListTap: function (event) {
     let res = util.loginNow();
     if (res == true) {
       let showType = event.currentTarget.dataset.index;
@@ -31,7 +33,7 @@ Page({
       });
     }
   },
-    toAddressList: function(e) {
+  toAddressList: function (e) {
     let res = util.loginNow();
     if (res == true) {
       wx.navigateTo({
@@ -44,7 +46,7 @@ Page({
       url: '/pages/ucenter/about/index',
     });
   },
-    toFootprint: function(e) {
+  toFootprint: function (e) {
     let res = util.loginNow();
     if (res == true) {
       wx.navigateTo({
@@ -52,41 +54,72 @@ Page({
       });
     }
   },
-    goAuth: function(e) {
+  // goAuth: function (e) {
-        wx.navigateTo({
+  //   wx.navigateTo({
-            url: '/pages/app-auth/index',
+  //     url: '/pages/app-auth/index',
+  //   });
+  // },
+  goAuth() {
+    let code = '';
+    let that = this;
+    wx.login({
+      success: (res) => {
+        code = res.code;
+        that.postLogin(code)
+      },
     });
   },
-    onLoad: function(options) {
+  postLogin(code) {
-    },
+    let that = this;
-    onShow: function() {
+    util.request(api.AuthLoginByWeixin, {
-        let userInfo = wx.getStorageSync('userInfo');
+      code: code
-        if(userInfo == ''){
+    }, 'POST').then(function (res) {
-            this.setData({
+      if (res.errno === 0) {
-                hasUserInfo: 0,
+        let userInfo = res.data.userInfo;
-            });
+        that.setData({
-        }
+          is_new: res.data.is_new,
-        else{
-            this.setData({
-                hasUserInfo: 1,
-            });
-        }
-        this.setData({
           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 () {
     this.getOrderInfo();
+    this.getSettingsDetail();
     wx.removeStorageSync('categoryId');
   },
-
+  getSettingsDetail() {
-    onPullDownRefresh: function() {
+    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();
     wx.hideNavigationBarLoading() //完成停止加载
     wx.stopPullDownRefresh() //停止下拉刷新
   },
-    getOrderInfo: function(e) {
+  getOrderInfo: function (e) {
     let that = this;
-        util.request(api.OrderCountInfo).then(function(res) {
+    util.request(api.OrderCountInfo).then(function (res) {
       if (res.errno === 0) {
         let status = res.data;
         that.setData({

pages/ucenter/index/index.wxml

@@ -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'>

pages/ucenter/settings/index.js

@@ -1,71 +1,112 @@
 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,
+      nickName: nickName,
-                status: 1
     });
-        }
   },
   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;
-        util.request(api.SettingsDetail).then(function(res) {
+    util.request(api.SettingsDetail).then(function (res) {
       if (res.errno === 0) {
         that.setData({
           name: res.data.name,
           mobile: res.data.mobile,
+          nickName: res.data.nickname,
+          hasAvatar: 0
         });
-                if (res.data.name == '' || res.data.mobile == ''){
+        if (res.data.avatar != '') {
-                    util.showErrorToast('请填写姓名和手机');
+          that.setData({
+            avatarUrl: res.data.avatar,
+            hasAvatar: 1
+          })
         }
       }
     });
   },
-    onLoad: function(options) {
+  onLoad: function (options) {
     this.getSettingsDetail();
   },
   saveInfo() {
     let name = this.data.name;
     let mobile = this.data.mobile;
-        let status = this.data.status;
+    mobile = mobile.replace(/(^\s*)|(\s*$)/g, "");
-        if (name == '') {
+    if (mobile != '') {
-            util.showErrorToast('请输入姓名');
+      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 == '') {
+    console.log(avatar)
-            util.showErrorToast('请输入手机号码');
-            return false;
-        }
-        let that = this;
     util.request(api.SaveSettings, {
       name: name,
       mobile: mobile,
-        }, 'POST').then(function(res) {
+      nickName: nickName,
+      avatar: avatar,
+    }, 'POST').then(function (res) {
       if (res.errno === 0) {
         util.showErrorToast('保存成功');
         wx.navigateBack()

pages/ucenter/settings/index.wxml

@@ -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 class="btn-wrap active" bindtap='saveInfo'>保存</view>
-        <view wx:else class="btn-wrap active" bindtap='saveInfo'>保存</view>
   </view>
 </view>

pages/ucenter/settings/index.wxss

@@ -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 {

utils/util.js

@@ -238,10 +238,19 @@ function sentRes(url, data, method, fn) {
 function loginNow() {
     let userInfo = wx.getStorageSync('userInfo');
     if (userInfo == '') {
-        wx.navigateTo({
+      wx.login({
-            url: '/pages/app-auth/index',
+        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;
     }