2022年12月最新ミニ番組アバターとニックネームの入手方法

ミニプログラムのプロフィール写真のニックネームの取得方法が再び変更されました.ミニプログラム基本ライブラリ 2.21.2 から、ミニプログラムは wx.getUserProfile インターフェイスを破棄するようになりました.新規投稿用のこのインターフェイスから取得されるプロフィール写真のニックネームMini Programs は、デフォルトのプロフィール写真とニックネームになりました. 何百もの小さなプログラムを開発した年老いた類人猿にとって、それは間違いなく青からのボルトです. 方法はありません, 誰が私たちを勤勉なプログラマーにしますか, 私たちは従うことしかできません公式ペース

このアップデートでは、公式はユーザーのプライバシー保護をより高いレベルに引き上げ、ユーザーがアバターのニックネームを入力するかどうかを選択できるようにしました. 公式は開発者にアバターのニックネームを入力する機能を提供し、シーンを方法として設定します.ユーザーが自発的に情報を入力してアバターのニックネームを完成させるため。

1つ目はニックネームの入力です. ボタンコンポーネントを使用し, ボタンコンポーネントのopen-type値をchooseAvatarに設定する必要があります. また, アバター充填イベントのコールバックを行うbindchooseavatarが用意されています. bindchooseavatar イベントのコールバックでは、以前のようにパーマリンクを返す代わりに一時パスが返されるため、開発者はアバターをバックエンドにアップロードして永続的に保存する必要があります。

<button class="avatar-wrapper" open-type="chooseAvatar" bind:chooseavatar="onChooseAvatar">
  <image class="avatar" src="{
   
   {avatarUrl}}"></image>
</button> 

const defaultAvatarUrl = 'https://mmbiz.qpic.cn/mmbiz/icTdbqWNOwNRna42FI242Lcia07jQodd2FJGIYQfG0LAJGFxM4FbnQP6yfMxBgJ0F3YRqJCJ1aPAK2dQagdusBZg/0'

Page({
  data: {
    avatarUrl: defaultAvatarUrl,
  },
  onChooseAvatar(e) {
    const { avatarUrl } = e.detail 
    this.setData({
      avatarUrl,
    })
  }
})

1つはニックネームを入力することです.入力ボックスはニックネームを入力するために使用されます.タイプをWeChatのニックネームに設定して、キーボードの上にユーザーのニックネームをすばやく入力します.もちろん,ユーザーは他のニックネームを入力することもできます.入力コンポーネントの入力監視はユーザーの入力を監視できないため、フォームコンポーネントの bindsubmit メソッドを使用して監視する必要があります。

<form bindsubmit="submit">
        <input type="nickname" name="nickname" class="weui-input" placeholder="请输入昵称" />
        <button class="confirm" form-type="submit">确定</button>
    </form>

最後に、ユーザーが入力したアバターとニックネームをバックグラウンドにアップロードして、ユーザーのアバターのニックネームをバインドします。

サンプルコードが必要な方は、マイリソースアプレットアバターニックネームをダウンロードしてくださいサンプルコードを入力 - Javascript ドキュメントクラスリソース - CSDN ライブラリ

2022年12月最新ミニ番組アバターとニックネームの入手方法

おすすめ