ホームページ  >  記事  >  WeChat アプレット  >  ミニ番組送り機能の実装

ミニ番組送り機能の実装

王林
王林転載
2020-12-28 09:58:303586ブラウズ

ミニ番組送り機能の実装

記事の背景:

小さなプログラムを開発する過程で、「友人が代理で支払う」機能を設計する必要がある場合があります。この機能の目的は、WeChat ユーザーがボタンをクリックしてこのページを WeChat 友人または WeChat グループに転送し、相手が支払いを手伝ってもらえるようにすることです。

(学習動画共有: プログラミング動画)

知識解説

まず、開発前の重要なステップは、公式ドキュメントを読むことです。ミニ プログラム — ミニ プログラムの転送機能に対応するインターフェイス

ミニ番組送り機能の実装

概要と説明:

1. 転送機能を持つには、次のものが必要です。現在のページの「onShareAppMessage()」関数

#2 の「js」コードで定義されます。転送関数を使用するには 2 つの方法があることを知っておく必要があります。

#1 つ目は、ボタンをクリックしてトリガーするようにカスタマイズします。

#2 つ目は、右上隅のメニューの「転送」ボタンをクリックするだけです。

3. 転送操作が完了すると、コールバック関数が実行されます。 #一般的なトースト プロンプト ステートメントで十分です

完全なインターフェイス コードの説明:

  /**
   * 进行页面分享
   */
  onShareAppMessage: function (options) {
    if (options.from === 'button') {
      // 来自页面内转发按钮
      console.log(options.target)
    }
    return {
	  //## 此为转发页面所显示的标题
      //title: '好友代付', 
      //## 此为转发页面的描述性文字
      desc: '江湖救急,还请贵人伸手相助啊!', 
      //## 此为转发给微信好友或微信群后,对方点击后进入的页面链接,可以根据自己的需求添加参数
      path: 'pages/subpayment/firpayment/index?sn=' + this.data.sn, 
      //## 转发操作成功后的回调函数,用于对发起者的提示语句或其他逻辑处理
      success: function(res) {
	      //这是我自定义的函数,可替换自己的操作
	      util.showToast(1, '发送成功');
      },
      //## 转发操作失败/取消 后的回调处理,一般是个提示语句即可
      fail: function() {
	      util.showToast(0, '朋友代付转发失败...');
      }
    }
  },

コード実装操作

1. ここでは、さまざまなオプション パラメーター情報が出力されます。転送メソッドが実際に表示されます

まず、wxml ページで、open-type= "share" ボタンを設計します

<button type="warn" open-type="share" data-tag="share1" id="btn_share1">发送微信给好友</button>

さまざまな転送開始メソッドがあり、出力されるオプション パラメーター情報は次のとおりです。以下:

ミニ番組送り機能の実装

提案:

1. 転送操作を必要としないページ # (個人センター、アドレス管理、注文リストなど) を推奨します。

不要なユーザー操作とその後の状況を減らすために、

は "onShareAppMessage()" パラメーターを定義しないでください。 処理

2. 個人的には、"ボタン" ガイダンス転送方法を使用することをお勧めします。同じページに複数のガイダンス ボタンがありますが、「ターゲット」の「id」によって区別できます。

II、実際の開発効果の表示

前のコア コードを通じて、私が達成した効果は次のとおりです。

ミニ番組送り機能の実装

ヒント:

個人的な発見

WeChat が公式に提供する開発者ツールでテストする場合、転送時とウェイクアップ時に説明文(desc)が設定されていることがわかります。

ただし、実際の携帯電話「iphone7」を使用しているため、テスト中は何も表示されません。画像 #(デフォルトではマイページの一部がインターセプトされています)

タイトルと画像Urlの設定は正常に表示されます

関連する推奨事項:小プログラム開発チュートリアル

###

以上がミニ番組送り機能の実装の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事はcsdn.netで複製されています。侵害がある場合は、admin@php.cn までご連絡ください。