极光推送是一款移动端消息推送工具，支持iOS、Android、Web三个平台的消息推送，是开发者在实现推送功能时时常选择的工具之一。HTML5封装的APP在实现消息推送功能时，也可以使用极光推送。下面对HTML5封装APP如何使用极光推送进行详细介绍。
一、原理介绍
HTML5封装APP通常会使用移动混合开发框架，如Cordova、Phonegap等，他们都提供了JavaScript可以直接操作设备的接口。因此，在进行H5封装的APP开发时，可以通过JavaScript与原生代码进行交互，使得在H5界面中可以与设备交互，并且能够实现设备的各个原生功能，如推送、摄像头、语音识别等等。
极光推送是通过SDK与APP进行交互实现推送功能的。因此，需要在H5封装APP中接入SDK，否则无法实现推送功能。在H5封装APP中，需要将原生代码与H5界面中的JavaScript进行交互，使得JS能够调用原生代码，进而调用极光推送SDK。
二、详细介绍
1.接入极光推送SDK
在H5封装APP中想要使用极光推送，首先需要接入极光推送SDK。在Cordova、Phonegap等混合开发框架中，可以通过插件的方式进行接入。首先需要在Cordova平台下安装极光推送插件，安装命令如下：
```cordova plugin add jpush-phonegap-plugin --variable APP_KEY=你的AppKey --variable CHANNEL=你的Channel```
在安装插件后，需要在自己的H5代码中的index.html文件中将插件的JS引入，如下所示：
``````
2.在H5界面中调用原生代码
在H5封装APP中，需要将H5页面中的JavaScript与原生代码进行交互。通过JavaScript调用原生代码，进而调用极光推送SDK实现消息推送。在Cordova、Phonegap等混合开发框架中，通过Cordova提供的接口实现JavaScript与原生代码的交互。
具体步骤如下：
在app.js文件中添加以下代码：
```
document.addEventListener('deviceReady', onDeviceReady, false);
function onDeviceReady() {
window.plugins.jPushPlugin.init();
}
```
其中，onDeviceReady是Cordova提供的一个事件处理函数，表示设备加载完成。在这个事件处理函数中，通过Cordova提供的window.plugins.jPushPlugin.init()调用原生代码，进而调用极光推送SDK，实现消息推送。
3.使用极光推送
接入极光推送SDK后，就可以使用极光推送了。极光推送提供了几种推送方式：
- 通知推送
- 自定义消息推送
其中，通知推送是指在设备接收到推送消息后，会弹出一个通知，用户可以选择查看或忽略。该方式适用于用户在APP外接收消息。
自定义消息推送是指在APP内接收消息。该方式适用于用户在APP内接收消息。
在H5封装APP中，可以使用以下代码实现通知推送和自定义消息推送：
```
//通知推送
window.plugins.jPushPlugin.addLocalNotification(1, '这是一个本地推送测试', '这是一个本地推送测试', '测试一下啊', parseInt(new Date().getTime()) + 6000);
//自定义消息推送
window.plugins.jPushPlugin.setTagsWithAlias(["温馨提示"], "zs");
window.plugins.jPushPlugin.receiveMessage(inData);
```
其中，addLocalNotification方法是使用极光推送的通知推送，可以在用户设备接收到推送消息后，弹出一个通知。setTagsWithAlias方法和receiveMessage方法是使用极光推送的自定义消息推送，可以在APP内接收消息。
三、总结
通过上述步骤可以在HTML5封装APP中使用极光推送，实现消息推送的功能。需要注意的是，不同混合开发框架的接入方式会略有不同，具体需要参考相应的使用文档。同时，使用极光推送需要注册极光推送账号，并在极光推送控制台中设置应用等相关信息。
