CRMEB開源打通版/標準版v4電商商城系統小程序頭像和昵稱授權獲取不到問題（v4.6一下版本）-CRMEB社區

CRMEB開源打通版/標準版v4電商商城系統小程序頭像和昵稱授權獲取不到問題（v4.6一下版本）

管理

編輯

刪除

小程序文檔中提出的調整說明

attachmentId-21541

attachmentId-21548

對于此次調整現將小程序授權方式做以調整

添加判斷當前基礎庫是否支持頭像昵稱填寫能力

在根目錄App.vue中加入判斷基礎庫是否大于2.21.2版本（大于此版本支持頭像/昵稱填寫能力）

···
// #ifdef MP
  const version = uni.getSystemInfoSync().SDKVersion
  if (Routine.compareVersion(version, '2.21.3') >= 0) {
    console.log(version)
    that.$Cache.set('MP_VERSION_ISNEW', true)
  } else {
    that.$Cache.set('MP_VERSION_ISNEW', false)
  }
// #endif

2.修改/pages/users/wechat_login.vue文件

(1) 在data中加入基礎庫判斷，決定授權邏輯
mp_is_new: this.$Cache.get('MP_VERSION_ISNEW') || false

（2）dom中新增邏輯判斷


  {{$t(`微信登錄`)}}
  {{$t(`微信登錄`)}}
  {{$t(`微信登錄`)}}

(3)methods中加入方法userLogin

// 小程序 22.11.8日刪除getUserProfile 接口獲取用戶昵稱頭像
userLogin() {
  Routine.getCode()
    .then(code => {
      uni.showLoading({
      title: this.$t(`正在登錄中`)
    });
  authLogin({
    code,
    spread_spid: app.globalData.spid,
    spread_code: app.globalData.code
    }).then(res => {
      if (res.data.key !== undefined && res.data.key) {
        uni.hideLoading();
        this.authKey = res.data.key;
        this.isPhoneBox = true;
      } else {
        uni.hideLoading();
        let time = res.data.expires_time - this.$Cache.time();
        this.$store.commit('LOGIN', {
        token: res.data.token,
        time: time
        });
        this.getUserInfo()
      }
    })
  })
  .catch(err => {
    console.log(err)
  });
},

3.新增用戶頭像/昵稱獲取能力
（1）調整pages/users/user_info.vue文件
data中新增 mp_is_new: this.$Cache.get('MP_VERSION_ISNEW') || false

（2）調整dom中



  {{$t(`頭像`)}}
  
    
  
  
    
  


  {{$t(`昵稱`)}}

（3）methods中加入方法

onChooseAvatar(e) {
  const {
    avatarUrl
  } = e.detail
  this.$util.uploadImgs('upload/image', avatarUrl, (res) => {
    this.userInfo.avatar = res.data.url
  }, (err) => {
    console.log(err)
  })
},

這里有一個公共方法uploadImgs需要在/utils/util.js中添加



uploadImgs(uploadUrl, filePath, successCallback, errorCallback) {
  let that = this;
  uni.uploadFile({
    url: HTTP_REQUEST_URL + '/api/' + uploadUrl,
    filePath: filePath,
    fileType: 'image',
    name: 'pics',
    formData: {
      'filename': 'pics'
    },
    header: {
    // #ifdef MP
    "Content-Type": "multipart/form-data",
    // #endif
    [TOKENNAME]: 'Bearer ' + store.state.app.token
  },
  success: (res) => {
  uni.hideLoading();
  if (res.statusCode == 403) {
    that.Tips({
      title: res.data
    });
  } else {
    let data = res.data ? JSON.parse(res.data) : {};
    if (data.status == 200) {
      successCallback && successCallback(data)
    } else {
      errorCallback && errorCallback(data);
        that.Tips({
          title: data.msg
        });
      }
    }
  },
  fail: (err) => {
    uni.hideLoading();
    that.Tips({
      title: i18n.t(`上傳圖片失敗`)
      });
    }
  })
},

以上就是本次調整的所有內容了！

具體源碼可以查看 https://gitee.com/ZhongBangKeJi/CRMEB/tree/master/template/uni-app

同時希望大家給個免費的 star 喔～比心