UniappWeChatミニプログラムグローバル共有機能

アイデアは、グローバル構成ファイルmain.jsファイルでグローバルミックスインを構成することです。

直接コーディングする

ビジネスロジックを共有する

export default {
    
    
	onShareAppMessage(res) {
    
    
		return {
    
    
			path:'/pages/welcome/welcome',
			success(res) {
    
    
				uni.showToast({
    
    
					title: '分享成功'
				})
			},
			fail(res) {
    
    
				uni.showToast({
    
    
					title: '分享失败',
					icon: 'none'
				})
			}
		}
	}
}

main.jsで使用されます

import Vue from 'vue'
import App from './App'
import store from './store'

import share from './mixins/share.js'
import './ajax/index.js'

Vue.config.productionTip = false

Vue.prototype.$store = store
Vue.mixin(share)
App.mpType = 'app'

const app = new Vue({
    
    
	store,
	...App
})
app.$mount()

余談

1ファイルパスに注意してください

2 1つのページにカスタマイズされた共有サービスがある場合は、ページに書き直すだけです。

例えば

home.vueに特定の共有ビジネスロジックがあります

export default {
    
    
...
		onShareAppMessage() {
    
    
			var data = this.info
			var type = this.type
			if(type == 0){
    
    
				var path = '/pages/articleDetail/articleDetail?id=' + data.id
			} else {
    
    
				var path = '/pages/articleDetail/articleDetail?id=' + data.id+'&from=case'
			}
			
			return {
    
    
				title: data.title,
				// path: '/pages/articleDetail/articleDetail?id=' + data.id
				path
			}
		},
	}
...