כיצד לבצע אתחול והרשאה בלקוח#

import { GreenApiVoipClient } from '@green-api/whatsapp-api-calls-client-js';

const client = new GreenApiVoipClient({
  idInstance: 'your-id-instance',
  apiTokenInstance: 'your-api-token-instance',
  apiUrl: 'your-api-url', // API URL of your instance, for example https://1234.api.green-api.com
});

// Open the calls connection. It reconnects automatically, and the current call state
// arrives right after connecting and on every change.
const calls = client.connectCalls();

calls.addEventListener('connect', () => console.log('Calls connection established.'));
calls.addEventListener('disconnect', (event) => console.log('Connection lost:', event.detail.reason));
calls.addEventListener('error', (event) => console.error('Calls error:', event.detail.message));

    <section>
      <p>Initialization</p>
      <input id="apiUrl" placeholder="apiUrl">
      <input id="idInstance" placeholder="instance id">
      <input id="apiTokenInstance" placeholder="instance api token">
      <button id="connectButton">connect</button>
      <button id="disconnectButton" disabled>disconnect</button>
    </section>

    <section style="margin-top: 16px;">
      <p>Outgoing call</p>
      <input id="phoneNumber" placeholder="phone number" disabled>
      <button id="startCallButton" disabled>start call</button>
    </section>

    <section>
      <p>Current call</p>
      <button id="endCallButton" disabled>end call</button>
    </section>

const connectButton = document.getElementById('connectButton');
const disconnectButton = document.getElementById('disconnectButton');
const startCallButton = document.getElementById('startCallButton');
const endCallButton = document.getElementById('endCallButton');
const phoneNumberInput = document.getElementById('phoneNumber');

let client = null;
let calls = null;

connectButton.addEventListener('click', () => {
  client = new GreenApiVoipClient({
    idInstance: document.getElementById('idInstance').value,
    apiTokenInstance: document.getElementById('apiTokenInstance').value,
    apiUrl: document.getElementById('apiUrl').value,
  });

  calls = client.connectCalls();

  calls.addEventListener('connect', () => console.log('Calls connection established.'));
  calls.addEventListener('disconnect', (event) => console.log('Connection lost:', event.detail.reason));
  calls.addEventListener('error', (event) => console.error('Calls error:', event.detail.message));

  phoneNumberInput.disabled = false;
  startCallButton.disabled = false;
  disconnectButton.disabled = false;
  connectButton.disabled = true;
  endCallButton.disabled = false;
});

disconnectButton.addEventListener('click', () => {
  calls.close();
  calls = null;
  client = null;

  phoneNumberInput.disabled = true;
  startCallButton.disabled = true;
  disconnectButton.disabled = true;
  connectButton.disabled = false;
  endCallButton.disabled = true;
});