支付寶小程序開發練習-顯示自己的支付寶頭像（一）

上圖是默認建立的項目文件，下面做一個簡單的功能，讀取支付寶用戶信息，顯示到頭像到界面上

<!-- 視圖層 -->
<view> 
    <image style="background-color: #eeeeee; width: 200px; height:200px;" mode="{{item.mode}}" src="{{src}}" onError="imageError" onLoad="imageLoad" />
</view>

Page({
  data: {
    src: ''
  },
  imageError: function (e) {
    console.log('image 發生錯誤', e.detail.errMsg)
  },
  imageLoad: function (e) {
    console.log('image 加載成功', e);
  },
  onLoad(query) {
    // 頁面加載
  },
  onReady() {
    // 頁面加載完成
    my.getAuthCode({
    scopes: 'auth_user',
    success: (res) => {
      my.getAuthUserInfo({
        success: (userInfo) => {
          //my.alert({content: userInfo.avatar});
          this.setData({src: userInfo.avatar});
          }
        });
      },
    });
  },
  onShow() {
    // 頁面顯示
  },
  onHide() {
    // 頁面隱藏
  },
  onUnload() {
    // 頁面被關閉
  },
  onTitleClick() {
    // 標題被點擊
  },
  onPullDownRefresh() {
    // 頁面被下拉
  },
  onReachBottom() {
    // 頁面被拉到底部
  },
  onShareAppMessage() {
    // 返回自定義分享信息
    return {
      title: '校園碼',
      desc: '校園二維碼',
      path: 'pages/index/index',
    };
  },
});

以上my.getAuthCode這個方法可以獲得授權碼，換句話說可以得到用戶信息，最終效果如下