[uniapp 개발] UniPush

App.vue

export default {  
   onLaunch: function() {  
       // #ifdef APP-PLUS  
       const _self = this;  
       const _handlePush = function(message) {  
           // TODO  
       };  
       plus.push.addEventListener('click', _handlePush);  
       plus.push.addEventListener('receive', _handlePush);  
       // #endif  
   }  
}  

리셋 중 처리

비교적 흔히 볼 수 있는 장면은 Push 메시지를 받은 후 메시지를 푸시하는 정보에 따라 특정한 페이지로 이동하는 것이다..

uni.navigateTo({  
url: message.payload.pagePath  
});  

만약에 어떤 데이터 정보가 전송에 성공한 후에 다른 페이지로 동기화되어야 한다면 vuex를 사용해야 한다..

vuex

/store/index.js

export default new Vuex.Store({  
   state: {  
       pushMessage: {}  
   },  
   mutations: {  
       updatePushMessage(state, message) {  
           /**  
            *  ： ，  payload  。  
            *  ，  payload  。  
            */   
           let payload = message.payload;  
           if (typeof payload !== 'string') {  
               message.payload = JSON.stringify(payload);  
           }  
           state.pushMessage = message || {};  
       }  
   }  
}) 

메시지 동기화

앱에서vue에서 푸시 메시지 업데이트

export default {  
   onLaunch() {  
       // #ifdef APP-PLUS  
       const _self = this;  
       const _handlePush = function(message) {  
           /**  
            *   vuex  ， 。  
            *  ， ， 。  
            */  
           _self.updatePushMessage(message);  
       };  
       plus.push.addEventListener('click', function(message) {  
           plus.nativeUI.toast('push click');  
           _handlePush(message);  
       });  
       plus.push.addEventListener('receive', function(message) {  
           plus.nativeUI.toast('push receive');  
           _handlePush(message);  
       });  
       // #endif  
   },  
   methods: {  
       ...mapMutations(['updatePushMessage'])  
   }  
}  

/pages/index/index.vue 페이지 렌더링 메시지 결과

  
      title：{{pushMessage.title}}  
      content：{{pushMessage.content}}  
      payload：{{pushMessage.payload}}  
      aps：{{pushMessage.aps}}  
  

테스트 게시

푸시 기능은 제3자의 SDK 모듈과 관련되기 때문에 로그인, 공유 등 기능과 유사하여 포장 후 효력이 발생한다.

UniPush 개통 안내서 개통 서비스 읽기

manifest.json->App SDK 구성, DCloud UniPush 선택..

manifest.json->App 모듈 권한 설정, Push(메시지 푸시) 선택..

패키지 제출, 사용자 정의 받침대 또는 정식 패키지 가능..

참조 문서

UniPush 사용 설명서 UniPush 활성화 설명서 Push 모듈
다음으로 전송:https://www.cnblogs.com/neo-java/p/11305695.html