ホームページ >WeChat アプレット >ミニプログラム開発 >ミニ番組送り機能の実装
記事の背景:
小さなプログラムを開発する過程で、「友人が代理で支払う」機能を設計する必要がある場合があります。この機能の目的は、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 サイトの他の関連記事を参照してください。