跳到內容

備用網絡領域推

集成web推,你的域必須安全,這通常意味著https,本地主機和其他異常中定義的W3C推動標準。你還需要注冊一個服務工作域的根源,或者至少能夠控製的HTTP頭文件。本文將介紹如何集成釺Web推動另一個領域。

如果你不能夠滿足所有這些標準,使用本指南建立一個解決方案,允許您添加一個提示對話框推到你的網站。例如,這篇文章會有幫助如果你想從一個用戶選擇http(不安全)網站或從瀏覽器擴展彈出阻止推動提示顯示。

警告

記住,就像許多解決方法在網絡上,瀏覽器不斷發展,在未來,這可能不會按預期工作。

  • 這就要求:
    • 你擁有一個單獨的安全域(https://),並獲得注冊一個服務工人域。
    • 用戶登錄到你的網站,以確保把令牌綁定到相同的概要文件。

集成

明確下麵的示例,我們將使用使用http://insecure.comhttps://secure.com作為我們兩個域的目的,讓遊客注冊推http://insecure.com。這個例子也可以應用到一個chrome擴展:/ /方案一個瀏覽器擴展的彈出頁麵。

步驟1:初始化促使流

insecure.com打開一個新窗口,你的安全域使用URL參數通過當前登錄用戶的釺外部ID。

http://insecure.com


          
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17
<按鈕id =“選擇”>選擇的推動< /按鈕><腳本>/ /相同的ID可以使用“braze.changeUser”:常量user_id=getUserIdSomehow();/ /用戶ID傳遞到安全域網址:常量secure_url=“https://secure.com/push-registration.html?external_id=$ {user_id};/ /當用戶需要一些行動,在一個新窗口打開安全URL文檔getElementById(可選)。onclick=函數(){如果(!窗口開放(secure_url,選擇將,高度= 500,寬度= 600,左= 150 = 150)){窗口警報(被您的瀏覽器攔截彈出);}其他的{/ /用戶顯示一個彈出窗口/ /在此窗口中,您現在可以提示推動}}> < /腳本

第二步:注冊推

在這一點上,secure.com將打開一個彈出窗口中,您可以初始化釺Web SDK為相同的用戶ID和請求Web推動用戶的權限。

https://secure.com/push-registration.html

步驟3:通信域之間(可選)

現在,用戶可以選擇從這個工作流發起insecure.com,您可能想修改你的網站基於如果用戶已經選擇參加與否。沒必要要求用戶注冊已經推動。

您可以使用iFrames,postMessage你的兩個域之間的API來溝通。

insecure.com

在我們的insecure.com域,我們將要求安全域(推在哪裏實際上注冊)有關當前用戶的信息推動注冊:


          
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16
< !——創建一個iframe安全域和運行getPushStatus onload - - >< iframeid =“push-status”src =“https://secure.com/push-status.html”onload =“getPushStatus ()”風格=“顯示:沒有;> < / iframe ><腳本>函數getPushStatus(事件){/ /發送消息到一個iframe要求推進狀態事件目標contentWindowpostMessage({類型:get_push_status},https://secure.com);/ /偵聽響應iframe的域窗口addEventListener(消息,(事件)= >{如果(事件起源= = =http://insecure.com& &事件數據類型= = =set_push_status){/ /更新頁麵的基礎上推動許可我們被告知窗口警報(“用戶注冊推嗎?$ {事件數據isPushPermissionGranted});}}}> < /腳本

secure.com/push-status.html

這個頁麵是有用嗎?
新東西!
Baidu
map