WeChatミニプログラムの転送/共有機能を実現する方法

WeChatアプレットの開発では、現在のページを友達に転送する必要が生じることがよくあります。そして、ほとんどの場合、転送されるページにはパラメータがあります。そこにはまだたくさんの穴があります。

  <button open-type="share" type="primary">
  分享给好友
  </button>

まず、ボタンボタンを書いてみましょう。重要な点は、ボタンボタンのopen-type属性です。これは共有として記述する必要があります。
実際、これの実際の原則は、ボタンを介してonShareAppMessageのライフサイクル機能をトリガーすることです。

  onShareAppMessage: function (res) {
    
    
    var that = this;
    console.log(JSON.stringify(that.data.array))
    return {
    
    
      title:that.data.array.name,
      path:'pages/detail/detail?array=' + JSON.stringify(that.data.array),
      imageUrl:that.data.array.pic
    }
  }
})

最も重要なことはオブジェクトを返すことです。コアは3つの属性、タイトル、パス、imageUrl
ここに画像の説明を挿入
タイトルはタイトル、パスはクリック後にジャンプするページパス、imageUrlは表示された画像です。
ほとんどの要件にはパラメーターが必要なため、このパスはパラメーターの受け渡しをサポートします。

私の小さなプログラムは小さなレシピプログラムです。ユーザーは満足のいく料理を見て、それを友達と共有したいと思っています。友達がリンクをクリックして入力した後、私が見た料理にジャンプする必要があるため、この需要はURLで実現する必要があります。パラメータを渡す。

ちなみに、広告を出して、最近小さなレ​​シピレシピプログラムを開発しました。現在、1万点以上の料理が展示されており、ぜひ体験してみてください。
ここに画像の説明を挿入

上記は期待通りの機能を実現し、転送されたページに正確にジャンプすることができます。
ここに画像の説明を挿入


WeChatミニプログラムコースのデザイン、完全なデザインのニーズがあります。個人のQQに連絡してください:505417246

次のWeChatパブリックアカウントに注意してください。WeChatアプレット、Vue、TypeScript、フロントエンド、ユニアプリ、フルスタック、Nodejs、Python、その他の実用的な学習資料を受け取ることができます。
最新かつ最も完全なフロントエンドの知識の概要とプロジェクトのソースコードは、できるだけ早くWeChatに公開されます。いいえ、ご注意ください。ありがとうございます。

ここに画像の説明を挿入

おすすめ

転載: blog.csdn.net/m0_46171043/article/details/112547619