uniapp はどのようにして共有パラメータを取得しますか?

ソーシャル トラフィックが徐々に増加するにつれ、共有機能は現代の APP に不可欠な機能の 1 つになりました。 APP の開発プロセスにおいて、共有パラメータを取得する方法は、共有機能の開発における重要なステップです。 uniapp 開発者にとって、共有パラメーターを取得するには 2 つの方法があります。以下で詳しく紹介します。

1. uni-app mpx (ミニプログラム) の共有機能でパラメータを取得する

uniapp の開発において、mpx にはミニプログラムの開発に必要な機能が多数搭載されています。ミニプログラムに付属する共有機能が含まれています。 uniapp の開発者は、この機能を使用して共有パラメータを迅速かつ簡単に取得できます。

1. 共有する必要があるページをpages.jsonファイルに追加します

共有する必要があるページのパスをpages.jsonファイルに追加します。次のように:

 "pages": [
        {
            "path": "pages/index/index",
            "style": {}
        },
        {
            "path": "pages/share/share",
            "style": {},
            "navigationBarTitleText": "分享页面"
        }
    ],

2. ミニ プログラム共有構成の設定

各ページで、onShareAppMessage 関数を通じてミニ プログラムの共有パラメーターを設定できます。サンプル コードは次のとおりです。

onShareAppMessage: function () {
  return{
    title:"分享标题",
    path:"/pages/share/share",
    imageUrl:"分享图片地址",
    success:function(res){
      console.log('分享成功')
    },
    fail:function(res){
      console.log('分享失败')
    }
  }
}

このサンプル コードを通じて、共有タイトル、共有パス、共有イメージ アドレスを設定できること、また共有の成功または失敗後に対応する操作を実行できることがわかります。

3. 共有ページで共有パラメータを取得する

共有ページでは、uni.mp の API を通じて共有パラメータを取得できます。サンプル コードは次のとおりです。

import uni from 'uni.mp'

export default {
  created() {
    uni.getShareInfo(function(res) {
      console.log(res)
    })
  }
}

このサンプル コードでは、uni.mp.getShareInfo() API を使用して共有パラメータを取得していることがわかります。

2. ミニ プログラムの wx オブジェクトを通じて共有パラメータを取得する

uniapp では、ミニ プログラムの API を直接使用して共有パラメータを取得できます。同様に、ミニプログラムのwxオブジェクトを利用して共有パラメータを取得することもできますので、その使い方を詳しく紹介します。

1. 共有する必要があるページのパスをpages.jsonファイルに追加します。

上記の方法と同様に、ページのパスを追加する必要があります。これは、pages.json ファイルに共有する必要があります。例:

    "pages": [
        {
            "path": "pages/index/index",
            "style": {}
        },
        {
            "path": "pages/share/share",
            "style": {},
            "navigationBarTitleText": "分享页面"
        }
    ],

2. 共有パラメーターを onShareAppMessage() 関数に設定します

共有する場合は、onShareAppMessage() 関数を使用して、次のように共有パラメータを設定します。 表示:

onShareAppMessage: function () {
    return {
        title: '分享标题',
        path: '/pages/share/share',
        imageUrl: '分享图片地址'
    }
}

この例では、共有タイトル、共有パス、共有画像アドレスも設定できます。

3. wx.getShareInfo() を通じて共有パラメータを取得する

共有ページで、wx.getShareInfo() を使用して共有中に暗号化されたデータを取得し、アプレットの復号化関数は、以下に示すようにデータを復号化します。

// 获取分享参数
onLoad: function(options) {
   var that = this;
   //获取分享加密数据
   wx.getShareInfo({
      shareTicket: options.shareTicket,
      success: function(res) {
         //解密数据
         wx.request({
            url: '',
            data: {
              "encryptedData": res.encryptedData,
              "iv": res.iv,
              "sessionKey": that.data.sessionKey
            },
            success: function(res) {
              console.log(res.data);
            }
         })
      }
   })
}

このサンプル コードでは、wx.getShareInfo() を使用して共有暗号化データを取得し、式を使用して復号化して共有データを取得します。パラメーター。

まとめ

上記 2 つの方法により、共有パラメータを簡単に取得し、独自の共有機能を実現できます。具体的な実装プロセスでは、共有機能を正常に使用できるようにいくつかの詳細に注意を払う必要があります。同時に、uniapp は非常に包括的な API ドキュメントも提供しており、開発プロセス中いつでも参照して使用できます。

以上がuniapp はどのようにして共有パラメータを取得しますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。