ionic3 OneSignal 推送服務(wù)搭建

OneSignal是一個(gè)很好的推送軟件(非大陸使用,ios正常吞彤,android無法接收)我衬,跟極光推送差不多,不過android版使用的是google提供的服務(wù)進(jìn)行系統(tǒng)通知饰恕,所以不會(huì)像極光存在可能接收不到推送的情況挠羔。而且最重要的是不限次數(shù),免費(fèi)埋嵌。只是很可惜破加,這玩意大陸用不了,google服務(wù)被墻了莉恼,只限于沒被墻的地區(qū)拌喉。由于手頭上有個(gè)項(xiàng)目是香港地區(qū)用的,所以使用到了OneSignal(大陸Android手機(jī)無法正常使用)俐银。
-.-

ionic onesignal 搭建說明網(wǎng)址
https://ionicframework.com/docs/native/onesignal/
https://documentation.onesignal.com/docs/ionic-sdk-setup

1.Windows 下android搭建

先翻墻,否則安裝成功了編譯時(shí)也無法下載依賴文件

1.1 現(xiàn)在官網(wǎng)注冊一個(gè)帳號(hào)端仰,注冊的帳號(hào)將會(huì)用來進(jìn)行推送信息

官網(wǎng):https://onesignal.com/
創(chuàng)建帳號(hào)成功后點(diǎn)擊進(jìn)行創(chuàng)建應(yīng)用

圖片.png

1.2 onesignal官網(wǎng)中配置android平臺(tái)

點(diǎn)擊剛才創(chuàng)建的應(yīng)用進(jìn)行配置


圖片.png

此處需要一個(gè)key和項(xiàng)目號(hào)碼

圖片.png

點(diǎn)擊箭頭進(jìn)入超鏈接跳轉(zhuǎn)
在文中點(diǎn)擊箭頭處的超鏈接進(jìn)行注冊創(chuàng)建

圖片.png

按照此鏈接說明創(chuàng)建google應(yīng)用即可
https://documentation.onesignal.com/docs/generate-a-google-server-api-key

最終會(huì)得到一個(gè)key和number


圖片.png

填入onesignal應(yīng)用中android配置即可

1.3 添加到ionic項(xiàng)目

項(xiàng)目根目錄執(zhí)行

$ ionic cordova plugin add onesignal-cordova-plugin
$ npm install --save @ionic-native/onesignal

調(diào)用綁定

import { OneSignal } from '@ionic-native/onesignal';

constructor(private oneSignal: OneSignal) { }

...
this.oneSignal.startInit('b2f7f966-d8cc-11e4-bed1-df8f05be55ba', '703322744261');

this.oneSignal.inFocusDisplaying(this.oneSignal.OSInFocusDisplayOption.InAppAlert);

this.oneSignal.handleNotificationReceived().subscribe(() => {
 // do something when notification is received
});

this.oneSignal.handleNotificationOpened().subscribe(() => {
  // do something when a notification is opened
});

this.oneSignal.endInit();

此處代碼startInit函數(shù)中的參數(shù)來自于


圖片.png

圖片.png

至此android搭建完成捶惜,從新編輯運(yùn)行即可

2. mac 下ios搭建

2.1 生成推送證書

只需要安裝以下網(wǎng)址配置即可
https://documentation.onesignal.com/docs/generate-an-ios-push-certificate

最終把.p12文件上傳


圖片.png

圖片.png
2.2 添加插件到項(xiàng)目
  1. 請先確保ios版本在4.3.0以上
  2. 確保cordova版本在6.4 以上
  3. 確保cocoapods是1.1.1版本,如有多個(gè)版本請刪除其它(pod --version 查看)
  4. 確保有權(quán)限(詳情:http://www.reibang.com/p/f60d28adb468

如未安裝cocoapods荔烧,請先下載

sudo gem install cocoapods :1.1.1
pod repo update

安裝插件到項(xiàng)目吱七,此處不能能用sudo進(jìn)行添加,否則會(huì)報(bào)錯(cuò)(You cannot run CocoaPods as root)鹤竭,所以要先確保有權(quán)限

$ ionic cordova plugin add onesignal-cordova-plugin
$ npm install --save @ionic-native/onesignal

項(xiàng)目代碼與android配置中的ts代碼一樣

2.3 編譯成功后打開YourAppName.xcworkspac文件

在項(xiàng)目根目錄/platform/ios/YourAppName.xcworkspace
由于使用了cocoapods 進(jìn)行構(gòu)建踊餐,所以不能再使用以前的 YourAppName.xcodeproj,否則會(huì)無法正常運(yùn)行

2.4 啟用推送(必要)
圖片.png
2.5 可選配置(推薦)

鏈接:https://documentation.onesignal.com/docs/ionic-sdk-setup
如下圖所示進(jìn)行配置即可:

圖片.png

至此臀稚,ios版配置也完成

3. 測試

3.1 程序運(yùn)行到手機(jī)后吝岭,在onesignal對(duì)應(yīng)的應(yīng)用中查看是否有注冊成功
圖片.png

由上圖可見,大陸android手機(jī)并不能接收該推送,其中Subscrlbed為Yes的才能正常接收推送信息窜管,ios正常散劫。而這部正常的android測試機(jī)由香港提供。

3.2 推送

點(diǎn)擊新建信息發(fā)送給所有人或者指定人群即可


圖片.png
圖片.png

可接受人總數(shù)


圖片.png

無論程序是否關(guān)閉幕帆,程序依然能通過手機(jī)系統(tǒng)進(jìn)行接收信息

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末获搏,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子失乾,更是在濱河造成了極大的恐慌常熙,老刑警劉巖,帶你破解...
    沈念sama閱讀 212,718評(píng)論 6 492
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件碱茁,死亡現(xiàn)場離奇詭異裸卫,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)早芭,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,683評(píng)論 3 385
  • 文/潘曉璐 我一進(jìn)店門彼城,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人退个,你說我怎么就攤上這事募壕。” “怎么了语盈?”我有些...
    開封第一講書人閱讀 158,207評(píng)論 0 348
  • 文/不壞的土叔 我叫張陵舱馅,是天一觀的道長。 經(jīng)常有香客問我刀荒,道長代嗤,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 56,755評(píng)論 1 284
  • 正文 為了忘掉前任缠借,我火速辦了婚禮干毅,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘泼返。我一直安慰自己硝逢,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,862評(píng)論 6 386
  • 文/花漫 我一把揭開白布绅喉。 她就那樣靜靜地躺著渠鸽,像睡著了一般。 火紅的嫁衣襯著肌膚如雪柴罐。 梳的紋絲不亂的頭發(fā)上徽缚,一...
    開封第一講書人閱讀 50,050評(píng)論 1 291
  • 那天,我揣著相機(jī)與錄音革屠,去河邊找鬼凿试。 笑死排宰,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的红省。 我是一名探鬼主播额各,決...
    沈念sama閱讀 39,136評(píng)論 3 410
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼吧恃!你這毒婦竟也來了虾啦?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 37,882評(píng)論 0 268
  • 序言:老撾萬榮一對(duì)情侶失蹤痕寓,失蹤者是張志新(化名)和其女友劉穎傲醉,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體呻率,經(jīng)...
    沈念sama閱讀 44,330評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡硬毕,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,651評(píng)論 2 327
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了礼仗。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片吐咳。...
    茶點(diǎn)故事閱讀 38,789評(píng)論 1 341
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情把篓,我是刑警寧澤,帶...
    沈念sama閱讀 34,477評(píng)論 4 333
  • 正文 年R本政府宣布沪羔,位于F島的核電站,受9級(jí)特大地震影響象浑,放射性物質(zhì)發(fā)生泄漏蔫饰。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 40,135評(píng)論 3 317
  • 文/蒙蒙 一愉豺、第九天 我趴在偏房一處隱蔽的房頂上張望篓吁。 院中可真熱鬧,春花似錦蚪拦、人聲如沸越除。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,864評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至翼雀,卻和暖如春饱苟,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背狼渊。 一陣腳步聲響...
    開封第一講書人閱讀 32,099評(píng)論 1 267
  • 我被黑心中介騙來泰國打工箱熬, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留类垦,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 46,598評(píng)論 2 362
  • 正文 我出身青樓城须,卻偏偏與公主長得像蚤认,于是被迫代替她去往敵國和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子糕伐,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,697評(píng)論 2 351

推薦閱讀更多精彩內(nèi)容