Инициализация `Frame`

Метод App.initializeFrame() — главная точка входа SDK. Он создаёт singleton объекта Frame и подготавливает связь с родительским окном платформы.

Требование

Приложение должно работать в iframe интерфейса платформы Аспро.Cloud

ESMUMD

import App from '@aspro-cloud/miniapp-jssdk'

const frame = await App.initializeFrame()

const App = window.ACloudMiniApp

const frame = await App.initializeFrame()

Пример

Вывод уведомления с именем текущего пользователя:

ESMUMD

import { App, Toast } from '@aspro-cloud/miniapp-jssdk'

try {
  const frame = await App.initializeFrame()

  // получение текущего пользователя
  let result = await frame.rest.get('/core/user/get/')
  const user = result?.response

  if (user) {
    // уведомление с именем
    new Toast({
      title: `Привет, ${user.first_name || user.last_name || user.username}!`,
    }).show()
  } else {
    throw new Error('Ошибка получения данных текущего пользователя')
  }
} catch (error) {
  console.error(error)
}

html

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Acloud MiniApp Demo</title>
  </head>
  <body>
    <script src="https://my.aspro.cloud/static/miniapp/jssdk@latest/dist/miniapp-jssdk.min.js"></script>
    <script>
    document.addEventListener('DOMContentLoaded', async () => {
      const App = ACloudMiniApp;

      try {
        const frame = await App.initializeFrame();

        // получение текущего пользователя
        let result = await frame.rest.get('/core/user/get/');
        const user = result?.response;

        if (user) {
          // уведомление с именем
          new App.Frame.Toast({
            title: `Привет, ${user.first_name || user.last_name || user.username}!`,
          }).show();
        } else {
          throw new Error('Ошибка получения данных текущего пользователя');
        }
      } catch (error) {
        console.error(error);
      }
    });
    </script>
  </body>
</html>

Инициализация Frame ​

Пример ​

Инициализация `Frame`

Пример