ミニ プログラム製品を友人と共有し、落とし穴を避けるために友人と共有する

  1. onShareAppMessage と onShareTimeline を記述しましたが、Share Moments ボタンはまだグレーでクリックできません:
    解決策: Share Moments ボタンを表示するには、onload メソッドでwx.showShareMenuを呼び出す必要があります。
    : ここに落とし穴があります:
    uni.showShareMenuメニューフィールドはカプセル化されていません。そのため、ネイティブのwx .showShareMenu メソッドを呼び出す必要があります。すると、別の問題が発生します。eslint は、 wx is not generated を報告します。このとき、 wx をグローバル変数として設定する必要があります。.eslintrc.jsファイル!
  2. 友達の輪を共有することはできますが、カスタマイズしたタイトルや写真は有効にならず、定義した onShareTimeline メソッドの実行に入りませ。 cn/question/101160変更された node_module パッケージ パッケージ内のファイルはパッケージ化されてアップロードされますが、npm install を再インストールするときに、これを再度変更する必要があることに注意してください。

関連する公式ドキュメント:
https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/share-timeline.html
https://developers.weixin.qq.com/miniprogram/dev/api/share /wx.showShareMenu.html

onLoad(options) {
    
    
    this.productCode = options.productCode;
    this.getproductInfo();
    wx.showShareMenu({
    
    
      withShareTicket: true,
      menus: ["shareAppMessage", "shareTimeline"],
    });
  }

  onShareAppMessage() {
    
    
    return {
    
    
      title: this.productInfo.productName,
      imageUrl: this.productImage[0],
      path: PATH_PDP + "?productCode=" + this.productCode
    };
  }
  onShareTimeline() {
    
    
    console.log("onShareTimeline", {
    
    
      title: this.productInfo.productName,
      query: "productCode=" + this.productCode,
      imageUrl: this.productImage[0],
    });
    return {
    
    
      title: this.productInfo.productName,
      query: "productCode=" + this.productCode,
      imageUrl: this.productImage[0]
    };
  }

おすすめ

転載: blog.csdn.net/be_strong_web/article/details/132427323
おすすめ