在Worklight中创建自定义推送通知

Question

有没有办法在打开推送通知时将用户引导到另一个html页面？

先谢谢你。

Answer 1

如果您要查看sample Worklight project for Push Notifications，可以看到以下共同的\ js \ main.js：

function pushNotificationReceived(props, payload) {
    alert("pushNotificationReceived invoked");
    alert("props :: " + JSON.stringify(props));
    alert("payload :: " + JSON.stringify(payload));
}

此函数告诉应用程序显示3个警报，告诉我们：

• 收到推送通知
• 其道具
• 其有效载荷

而不是上述内容，或者此外，您可以 - 根据应用中的多页导航方法 - 导航到另一个“页面”。

你可以看看：

• multi-page navigation Worklight sample project
• 了解如何do it using jQuery Mobile或您选择的任何其他框架......（stand-alone sample project showing multi-page navigation using jQuery Mobile）

---

这是一个小例子 这些是我对Push Notifications示例项目所做的修改：

<强>常见\ CSS \的main.css
添加了SuccessfulPush ID

#AppBody, #AuthBody, #successfulPush {
    margin: 0 auto;
    background-color: #ccc;
    overflow: hidden;
    overflow-y: auto;
}

<强>常见\ index.html的
添加了额外的DIV：

<div id="successfulPush" style="display:none">
    <div class="wrapper">
        <h2>Notification received</h2>
        <button id="back" >back to application</button>
        <p id="pushContents"></p>
    </div>  
</div>

<强>常见\ JS \ main.js
修改了以下功能：

function pushNotificationReceived(props, payload) {     
    $("#AppBody").hide();
    $("#successfulPush").show();
    $("#pushContents").html(
        "<b>Notification contents:</b><br>" +
         "<b>Payload:</b> " + JSON.stringify(payload) + "<br>" + 
         "<b>Props:</b> " + JSON.stringify(props)
    );
}

同时绑定wlCommonInit中的“后退”按钮：

$("#back").bind("click", function() {
    $("#successfulPush").hide();
    $("#AppBody").show();
});

最终结果
收到推送并点击通知栏中的通知后，应用程序将打开，您将看到successfulPush DIV。在那里，您有一个按钮可以返回AppBody DIV。工作得很好。

如上所述，这只是一种可能的方法。你可以做任何你想做的事。