相信最初接觸wex5的人,一定看過官方的極光推送的教學視頻,個人認為不夠系統明白。今天用自定義通知,對每一步進進行詳細說明,幫助大家初步認識極光推送,並集成到app中,打包並上線成功。相關教學視頻隨后錄制。
一 效果演示:
1 極光官網后台推送
2 安卓手機推送效果
二 設計思路
用極光推送插件,集成到app應用中,調用插件api實現app端的通知推送(這里以安卓手機為例)
三 代碼實現與步驟
1 注冊極光推送帳號,並得到相關key和參數
官網地址:https://www.jiguang.cn
2 創建應用(特別注意應用包名,必須和wex5打包時的包名相同,也就是說最少有2部分。比如:com.wex5和com.wex5.find才符合標准,否則極光推送會因包名不合規格而推送失敗)
3 極光推送插件及初始化
注./jpush文件為極光插件初始化文件,在外賣案例中有,拷貝過來即可,位置如下圖:
在jpush.js文件中,對插件進行了初始化,以及相關事件的注冊與監聽,如果是瀏覽器端,可以進行alert提醒
4 自定義通知,並上傳至后端
注:1.我用input輸入自定義通知,對值進行了非空判斷,否則會提示紅色的英文no notifation set字樣,極其難看。
2. jpush實例初始化后,完成客戶端連接,得到registrationID,用於判斷向哪個具體設備發送,該參數不能為空。經過反復測試,否則極光推送失敗。
5 后端參數修改:apnsProduction 為true是生產模式,為false是調試模式。我們上線當然用true,其它參數從剛剛在極光官網創建的應用中取出。
6 后端相關邏輯與修改,一一進行了注解
6 打包與雲部署
注:選中插件,並輸入appkey
至此,上傳部署成功,大家可以用手機來發送信息來測試一下,相比於極光官方的推送2秒送達要慢得多。1分鍾以內吧。
四 總結:
1 第三方插件的集成,特別注意前后端的配合,分步測試
2 注意應用環境,官方說明
相關視頻制作完成,上傳優酷。教學app制作中。我是邯鄲戲曲開發,tel:15175073123,qq:1017945251
掃描二維碼,看高清教學視頻。