Использование NuxtJS для виджетов Zoho CRM - PullRequest
Новая
       11

Использование NuxtJS для виджетов Zoho CRM

0 голосов
/ 05 ноября 2019

В Zoho CRM есть нечто, называемое виджетами, для расширения функциональности. Используя функцию виджетов, вы можете напрямую встраивать компоненты пользовательского интерфейса в CRM и использовать данные из стороннего приложения для выполнения действий в соответствии с требованиями.

Виджет - это в основном HTML-файл, который загружается во всплывающем окне. когда пользовательская кнопка срабатывает. Для сохранения / извлечения данных из Zoho CRM вам необходимо загрузить jQuery и их JS SDK в файл HTML.

Самый простой файл HTML выглядит следующим образом: 

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <script src="https://code.jquery.com/jquery-3.4.1.slim.min.js"></script>
    <script src="https://live.zwidgets.com/js-sdk/1.0.5/ZohoEmbededAppSDK.min.js"></script>
    <title>Document</title>
  </head>
  <body>

    <script>
      ZOHO.embeddedApp.on("PageLoad",function(data) {
        console.log(data);
        //Custom Business logic goes here
      });

      ZOHO.embeddedApp.init();
    </script>
  </body>
</html>

В этом файле console.log(data) будет регистрироваться информация о странице, на которой запущен виджет. На мгновенных страницах Lead, он будет регистрировать информацию об этом, например, идентификатор.

Функции для хранения / извлечения данных необходимо использовать там, где написано //Custom Business logic goes here.

Коддля получения всех потенциальных клиентов в этом виджете выглядит следующим образом: 

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <script src="https://code.jquery.com/jquery-3.4.1.slim.min.js"></script>
    <script src="https://live.zwidgets.com/js-sdk/1.0.5/ZohoEmbededAppSDK.min.js"></script>
    <title>Document</title>
  </head>
  <body>

    <script>
      ZOHO.embeddedApp.on("PageLoad",function(data) {
        ZOHO.CRM.API.getAllRecords({Entity:"Leads"})
          .then(function(data){
            console.log(data)
          })
      });

      ZOHO.embeddedApp.init();
    </script>
  </body>
</html>

Поскольку мне нужно создать несколько виджетов Zoho и использовать одни и те же компоненты Vue на каждом виджете, который я задумал использовать NuxtJS. Я успешно создаю Vue Components, но не знаю, как включить JS SDK от Zoho.

Есть ли кто-нибудь, кто может дать мне несколько советов, как сделать эту работу? Спасибо!

...