uniapp WeChat 애플릿 전역 공유 및 사용자 지정 페이지 공유

uniapp은  Moments of WeChat 애플릿에 공유/친구에게 글로벌 포워딩 기능을 구현합니다. 주로  Vue.js의 글로벌 믹스인  개념을 사용합니다.

1. 프로젝트 루트 디렉터리에 mixins 폴더를 만든 다음 전역적으로 공유되는 js 파일을 만듭니다. 믹스인/share.js 

export default {
	data() {
		return {
			share: {
				title: '页面分享的标题',
				path: '/pages/index/index',
				imageUrl: '/static/imgs/share_img.png' // 全局分享的图片(可本地可网络)
			}
		}
	},
	onLoad() {

	},
	onShareAppMessage(res) { //发送给朋友
		return this.share
	},
	onShareTimeline(res) { //分享到朋友圈
		return this.share
	}

}

2. 프로젝트의 main.js 파일에 share.js 파일을 도입하고 Vue.mixin() 메서드를 사용하여 전역적으로 혼합합니다.

// 导入并挂载全局的分享方法
import share from '@/mixins/share.js'
Vue.mixin(share)

3. 커스텀 페이지 공유,

(1) 방법 1: onShareAppMessage()  및  onShareTimeline()  메서드를 사용하여 공유 콘텐츠를 사용자 지정하면 페이지에 정의된 공유 콘텐츠가 전역 공유 콘텐츠를 덮어씁니다 . 공유 버튼 바인딩에 적합합니다.

export default {
    onLoad() {

	},

    onShow() {

	},
 
    // 自定义此页面的转发给好友(已经有全局的分享方法，此处会覆盖全局)
	onShareAppMessage(res) {
	    return {
	      title: '页面分享的标题',
	      path: '/pages/home/home',
		  imageUrl: '/static/imgs/share.png'
	    }
	},


	// 自定义页面的分享到朋友圈
	onShareTimeline(res) {
		return {
			title: '页面分享的标题',
			path: '/pages/home/home',
			imageUrl: '/static/imgs/share.png'
		}
	}
}

(2) 방법 2: 글로벌 공유를 커버하도록 페이지 데이터의 공유 데이터를 직접 수정

export default {
    data() {
		return {
            share: {
				title: '自定义分享标题',
				path: '/activity/index/index',
				imageUrl: '/static/imgs/share_img.png'
			},
         }
    
    }    
}