マイクロ手紙アプレットは、単純に許可されたユーザへのアクセスを実現し、ユーザーのアバターに保存します

まず、許可されたユーザへのアクセス

単一ページインデックスの例では、
1.データページレジスタcanIUse-でindex.jsは、ユーザー認証を呼び出すアプリケーションのためのマイクロチャネルオープンインタフェースです。

 data: {
    canIUse: wx.canIUse('button.open-type.getUserInfo')
  }

ここに画像を挿入説明
2. [追加]「不正アクセス」ボタンindex.wxml、オープンタイプ=「getUserInfo」タイプを設定します。

<button wx:if="{{canIUse}}" size='mini'
open-type="getUserInfo" 
bindgetuserinfo="bindGetUserInfo">授权登录</button>

3.注:小さなマイクロチャネルプログラムやゲームのためには、4月30日から、調整するためのユーザ情報のインターフェースを取得するため、2018年に始まった、アプレットやゲームの経験、開発者はwx.getUserInfoインタフェースが許可を求めてボックスをポップアップ表示しません呼び出して、デフォルトの呼び出しに失敗しました。特定の要件を参照してください政府開発ドキュメント

第二に、ユーザーのアバターを取得し、保存します

単一ページのインデックス例に
画像を取得するための1 index.js実装依存機能、ユーザー認証を必要と保存画像アルバムへの注意を払います

  //获取用户头像时调用的函数
  getUserImg: function (e) {
    // 查看是否授权
    wx.getSetting({
      success: function (res) {
        if (res.authSetting['scope.userInfo']) {
          // 已经授权,可以直接调用 getUserInfo 获取头像昵称
          wx.getUserInfo({
            success: function (res) {
              var userInfo = res.userInfo
              var avatarUrl = userInfo.avatarUrl; //获取微信用户头像存放的Url 
              wx.getImageInfo({
                src: avatarUrl,
                success: function (sres) {       //访问存放微信用户头像的Url 
                  wx.saveImageToPhotosAlbum({   //下载用户头像并保存到相册(默认为手机相册weixin目录下)
                    filePath: sres.path,
                  })
                }
              })
            }
          })
        }
      }
    })
  },
  bindGetUserInfo: function (e) {
    console.log(e.detail.userInfo)
  }

2.画像​​を取得するための関数を呼び出して、ボタンindex.wxml「画像を取得」を追加します。

 <button id='getUserImg' size='mini' 
 type='warn' bindtap='getUserImg'>获取头像</button>

ドメインネームサーバの設定のためのマイクロチャネル公共プラットフォーム3.ログは、設定されていない場合は、外部のサーバリソースにアクセスすることができません。
(AppIDのは、その後、マイクロチャネルの公共プラットフォームのアカウントを登録し、あなた自身の小さなプログラムを作成する必要がない場合は、テスト番号は、ドメインネームサーバ情報を設定することはできません。)
ここに画像を挿入説明
設定方法以下に示すように、合法的なドメイン名downloadFile設定:「HTTPS://wx.qlogo .CN「することができます。
ここに画像を挿入説明

第三に、結果を達成するために

携帯端末とマイクロ手紙開発ツールシミュレータ副作用は同じではないことに注意!
1.ユーザ認証
開発者向けツールシミュレータマイクロチャネルエンド
電話でのマイクロチャネル小さなプログラムの終了
アルバムの承認に2.保存写真
開発者向けツールシミュレータマイクロチャネルエンド
電話でのマイクロチャネル小さなプログラムの終了
ローカル正常に保存されたアルバムに3頭
開発者向けツールシミュレータマイクロチャネルエンド

公開された18元の記事 ウォン称賛40 ビュー50000 +

おすすめ

転載: blog.csdn.net/seawaysyyy/article/details/101225390