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

Question

是否有方法在打开推送通知时将用户定向到另一个html页面？

谢谢你的进阶。

Answer 1

如果您将查看用于推送通知的示例Worklight项目，您可以在common\js\main.js中看到以下内容：

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

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

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

您可以根据您在应用程序中的多页导航方法，来导航到另一个“页面”，而不是上面提到的，或者是另外的。

你可以看看：

• the 多页导航Worklight示例项目
• 学习如何使用jQuery移动，或您选择的任何其他框架.(使用jQuery移动显示多页导航的独立示例项目)

下面是一个小例子。

以下是我对推送通知示例项目所做的修改：

common\css\main.css

添加了一个successfulPush ID

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

common\index.html

增加了另一项设计资料核实：

<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>

common\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”按钮

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

最终结果

在收到推送后，点击通知栏中的通知，应用程序就会打开，您就会看到successfulPush DIV。在这里，您有一个按钮可以将您返回到AppBody DIV。效果很好。

正如所解释的，这只是一种可能的办法。你想做什么都行..。

​