Wie erhält Uniapp gemeinsam genutzte Parameter?

Mit der allmählichen Zunahme des sozialen Verkehrs ist die Sharing-Funktion zu einer der wesentlichen Funktionen moderner APPs geworden. Bei der Entwicklung einer APP ist der Erhalt von Freigabeparametern ein entscheidender Schritt bei der Entwicklung von Freigabefunktionen. Für Uniapp-Entwickler gibt es zwei Möglichkeiten, gemeinsam genutzte Parameter zu erhalten, die wir im Folgenden ausführlich vorstellen.

1. Erhalten Sie Parameter über die Freigabefunktion, die mit uni-app mpx (Miniprogramm) geliefert wird.

Bei der Entwicklung von uniapp verfügt mpx über viele Funktionen, die für die Entwicklung kleiner Programme erforderlich sind, einschließlich solcher, die mit der gemeinsamen Nutzung kleiner Programme einhergehen Funktion. Entwickler von uniapp können diese Funktion nutzen, um schnell und einfach gemeinsam genutzte Parameter zu erhalten.

1. Fügen Sie die Seiten, die freigegeben werden müssen, zur Datei „pages.json“ hinzu.

Fügen Sie den Pfad der Seiten, die freigegeben werden müssen, zur Datei „pages.json“ hinzu, wie unten gezeigt:

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

2. Stellen Sie das Miniprogramm ein Freigabekonfiguration

Auf jeder Seite können Sie die Freigabeparameter des Miniprogramms über die Funktion onShareAppMessage festlegen. Der Beispielcode lautet wie folgt:

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

Anhand dieses Beispielcodes können wir sehen, dass wir den freigegebenen Titel, den freigegebenen Pfad und die freigegebene Bildadresse festlegen und nach erfolgreicher oder fehlgeschlagener Freigabe auch entsprechende Vorgänge ausführen können.

3. Freigabeparameter auf der Freigabeseite abrufen

Auf der Freigabeseite können wir die Freigabeparameter über die API von uni.mp abrufen. Der Beispielcode lautet wie folgt:

import uni from 'uni.mp'

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

In diesem Beispielcode können wir sehen, dass wir die API uni.mp.getShareInfo() verwenden, um die Freigabeparameter abzurufen.

2. Erhalten Sie gemeinsam genutzte Parameter über das WX-Objekt des Miniprogramms.

In uniapp können Sie die API des Miniprogramms direkt verwenden, um die gemeinsam genutzten Parameter abzurufen. Ebenso können wir das wx-Objekt des Miniprogramms verwenden, um die gemeinsam genutzten Parameter abzurufen. Hier finden Sie eine detaillierte Einführung in die Verwendung.

1. Fügen Sie den Pfad der Seite, die freigegeben werden muss, zur Datei „pages.json“ hinzu.

Ähnlich wie bei der oben beschriebenen Methode müssen Sie den Pfad der Seite, die freigegeben werden muss, zur Datei „pages.json“ hinzufügen. zum Beispiel:

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

2. Setzen Sie die Freigabeparameter auf In der Funktion onShareAppMessage()

Verwenden Sie auf der Seite, die freigegeben werden muss, die Funktion onShareAppMessage(), um die Freigabeparameter festzulegen, wie unten gezeigt:

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

In In diesem Beispiel können wir auch den Freigabetitel, den Freigabepfad und die Freigabebildadresse festlegen.

3. Erhalten Sie Freigabeparameter über wx.getShareInfo()

Verwenden Sie auf der freigegebenen Seite wx.getShareInfo(), um die verschlüsselten Daten während der Freigabe abzurufen, und verwenden Sie dann die Entschlüsselungsfunktion des Miniprogramms, um die Daten zu entschlüsseln unten gezeigt:

// 获取分享参数
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);
            }
         })
      }
   })
}

In diesem Beispielcode verwenden wir wx.getShareInfo(), um die gemeinsam genutzten verschlüsselten Daten abzurufen, und verwenden dann die Formel, um sie zu entschlüsseln, um die gemeinsam genutzten Parameter zu erhalten.

Zusammenfassung

Durch die beiden oben genannten Methoden können wir die gemeinsam genutzten Parameter leicht abrufen und unsere eigene Freigabefunktion realisieren. Während des spezifischen Implementierungsprozesses müssen wir auf einige Details achten, um die normale Nutzung der Freigabefunktion sicherzustellen. Gleichzeitig stellt uniapp auch eine sehr umfassende API-Dokumentation zur Verfügung, die jederzeit während des Entwicklungsprozesses eingesehen und genutzt werden kann.

Das obige ist der detaillierte Inhalt vonWie erhält Uniapp gemeinsam genutzte Parameter?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!