title: "Схема отправки push-сообщений в uni-app"
author: silianpan
date: 2019-11-05
output: word_document

```xml
<!-- uni push -->
<dependency>
    <groupId>com.gexin.platform</groupId>
    <artifactId>gexin-rp-sdk-base</artifactId>
    <version>4.0.0.30</version>
</dependency>
<dependency>
    <groupId>com.gexin.platform</groupId>
    <artifactId>gexin-rp-sdk-template</artifactId>
    <version>4.0.0.24</version>
</dependency>
<dependency>
    <groupId>com.gexin.platform</groupId>
    <artifactId>gexin-rp-sdk-http</artifactId>
    <version>4.1.0.5</version>
</dependency>
<dependency>
    <groupId>com.gexin.platform</groupId>
    <artifactId>gexin-rp-fastjson</artifactId>
    <version>1.0.0.3</version>
</dependency>
<dependency>
    <groupId>com.google.protobuf</groupId>
    <artifactId>protobuf-java</artifactId>
    <version>2.5.0</version>
</dependency>

public class AppPush {

    // ШАГ 1: Получение основной информации о приложении
    private static String appId = "";
    private static String appKey = "";
    private static String masterSecret = "";
    private static String url = "http://sdk.open.api.igexin.com/apiex.htm";

    public static void main(String[] args) throws IOException {

        IGtPush push = new IGtPush(url, appKey, masterSecret);

        Style0 style = new Style0();
        // ШАГ 2: Установка заголовка и содержимого уведомления
        style.setTitle("Введите заголовок уведомления");
        style.setText("Введите содержимое уведомления");
        // Примечание: используется стандартное изображение
        // style.setLogo("push.png");  // Установка изображения уведомления
        // ШАГ 3: Установка звуковых эффектов и вибрации
        style.setRing(true);  // Включение звука
        style.setVibrate(true);  // Включение вибрации

        // ШАГ 4: Выбор шаблона уведомления
        NotificationTemplate template = new NotificationTemplate();
        template.setAppId(appId);
        template.setAppkey(appKey);
        template.setStyle(style);
        // Открытие приложения при нажатии на уведомление
        template.setTransmissionType(1);
        // Передача пользовательского сообщения
        template.setTransmissionContent("Пользовательское сообщение, может быть JSON-строка");
}
``````markdown
#### 4.3 Добавление логики обработки сообщений в App.vue клиента```js
/**
  * Обработка推送消息
  */
handlePush() {
  // #ifdef APP-PLUS
  const _self = this;
  const _handlePush = function(message) {
    // 获取用户数据
    let payload = message.payload;
    try {
      // 解析JSON
      payload = JSON.parse(payload);
      // 跳转到页面并传递用户数据
      uni.navigateTo({
        url: '/pages/xxx?data=' + JSON.stringify(payload),
      });
    } catch (e) {}
  };
  // 添加事件监听器
  plus.push.addEventListener("click", _handlePush);
  plus.push.addEventListener("receive", _handlePush);
  // #endif
},

### 6. Конечное решение

#### 6.1 Получение **clientid** клиента

После изучения материалов было выявлено, что существует API `getClientInfo`, который позволяет получить информацию о клиенте. Однако его использование требует условной компиляции, так как он относится к интерфейсу plus.

Ниже представлен код, который при завершении входа пользователя собирает информацию о клиенте (`appid`, `appkey`, `clientid`), информацию о пользователе (`имя пользователя`, `роль`) и другие данные, а затем отправляет запрос API на сервер для сохранения информации о связях между `clientid` и ролью пользователя.

```js
// Сохранение clientid на сервере
// #ifdef APP-PLUS
const clientInfo = plus.push.getClientInfo();
let pushUser = {
  clientid: clientInfo.clientid,
  appid: clientInfo.appid,
  appkey: clientInfo.appkey,
  userName: 'Имя пользователя',
  userRole: 'Роль пользователя'
};
// Отправка запроса API для сохранения информации о роли пользователя на сервере
Vue.prototype.$minApi.savePushUser(pushUser);
// #endif

/**
 * @param pushMessage - сообщение для отправки
 * @param appPushList - список ролей для отправки
 */
public static void pushMessage(PushMessage pushMessage, List<AppPush> appPushList) {
    IGtPush push = new IGtPush(url, appKey, masterSecret);

    Style0 style = new Style0();
    // ШАГ 2: Установка заголовка и содержимого сообщения
    style.setTitle(pushMessage.getTitle());
    style.setText(pushMessage.getContent());
    //        style.setLogo("push.png"); // Установка логотипа сообщения
    // ШАГ 3: Установка звуковых эффектов и вибрации
    style.setRing(true);  // Включение звука
    style.setVibrate(true);  // Включение вибрации
}

Класс `PushMessage` является моделью:

```java
public class PushMessage {
    private String title;
    private String content;
    // Роль пользователя
    private String userRole;
    // Другие объекты

    // Пропущены, геттеры и сеттеры методы
}

public class AppPush {
  private String appid; // appId
  private String appkey; // appKey
  private String clientid; // clientId
  private String userName; // имя аккаунта
  private String userRole; // роль пользователя
  // Другие объекты

  // Пропущены, геттеры и сеттеры методы
}

#### <center>Development of open-source software requires effort, cherish it!</center>

<br>
<center style="font-size:20px">Support the author</center>
<br>
<center class="half">
<img src="http://silianpan.cn/wp-content/uploads/2019/10/b9c369443b192642f975be9020b3234e.png" width="240"/>

<img src="http://silianpan.cn/wp-content/themes/yusi1.0/img/weixin.gif" width="240" />
</center>