uniapp Beispielcode zur Implementierung der globalen Freigabe von WeChat-Miniprogrammen

uniapp implementiert die globale Weiterleitungsfunktion an Freunde/Teilen mit Moments des WeChat-Applets. Verwendet hauptsächlich das globale Mixin-Konzept von Vue.js.

Nachfolgend sind die Implementierungsschritte und Codes aufgeführt:

Erstellen einer global freigegebenen Inhaltsdatei

1. Erstellen Sie eine global freigegebene JS-Datei. Der Beispieldateipfad lautet: @/common/share.js . Darin ist der global freigegebene Inhalt definiert:

Standard exportieren {
	Daten() {
		zurückkehren {
			//Standardmäßige globale Freigabe von Inhalten: {
				Titel: „Global geteilter Titel“,
				Pfad: „/pages/home/home“, // globaler Freigabepfad imageUrl: „../../static/imgs/fenxiang-img.png“, // globales Freigabebild (kann lokal oder im Netzwerk sein)
			}
		}
	},
	// Globales Teilen definieren // 1. An Freunde senden onShareAppMessage(res) {
        zurückkehren {
			Titel: this.share.title,
			Pfad: dieser.Freigabepfad,
			Bild-URL: diese.teilen.Bild-URL,
		}
    },
	//2. Teilen mit Moments onShareTimeline(res) {
        zurückkehren {
			Titel: this.share.title,
			Pfad: dieser.Freigabepfad,
			Bild-URL: diese.teilen.Bild-URL,
		}
    },
}

Importieren und globales Registrieren der Datei

2. Importieren Sie die Datei share.js in die Datei main.js des Projekts und verwenden Sie die Methode Vue.mixin(), um sie global einzumischen :

// Importieren und mounten Sie die globale Freigabemethode „import share from '@/common/share.js'“
Vue.mixin(teilen)

Werfen wir einen Blick auf den globalen Sharing-Effekt:

Anpassen des Seitenfreigabeinhalts

3. Wenn Sie den freigegebenen Inhalt auf einer bestimmten Seite anpassen müssen , können Sie weiterhin die Methoden onShareAppMessage() und onShareTimeline() der Seite verwenden, um den freigegebenen Inhalt anzupassen. Die globale Freigabe wird durch den auf der Seite definierten freigegebenen Inhalt überschrieben . Hier ist ein Beispiel:

    beim Laden() {},
 
    //Weiterleitung dieser Seite an Freunde anpassen (es gibt bereits eine globale Freigabemethode, die hier überschrieben wird)
	beiShareAppMessage(res) {
	    zurückkehren {
	      title: 'Titel der freigegebenen Seite',
	      Pfad: '/pages/my/my',
		  Bild-URL: '../../static/imgs/mylogo.png'
	    }
	  },
	  // Teile eine benutzerdefinierte Seite mit Moments onShareTimeline(res) {
		zurückkehren {
			title: 'Titel der freigegebenen Seite',
			Pfad: '/pages/my/my',
			Bild-URL: '../../static/imgs/mylogo.png'
		}
	},

Hinweis: Die Methoden onShareAppMessage() und onShareTimeline() befinden sich auf derselben Ebene wie onLoad, Methoden usw.

Damit ist dieser Artikel über den Beispielcode für die globale Freigabe von WeChat-Miniprogrammen durch Uniapp abgeschlossen. Weitere relevante Inhalte zur globalen Freigabe von Uniapp-Miniprogrammen finden Sie in den vorherigen Artikeln von 123WORDPRESS.COM oder in den folgenden verwandten Artikeln. Ich hoffe, dass alle 123WORDPRESS.COM in Zukunft unterstützen werden!