Skip to content

Latest commit

 

History

History
146 lines (109 loc) · 5.62 KB

README_RU.md

File metadata and controls

146 lines (109 loc) · 5.62 KB

Описание

Ниже идет описание подключения и использования "mom.life extension js api" - JavaScript библиотеки для работы с mom.life APP (нативное приложение mom.life).

"mom.life extension js api" - это мост между mom.life APP и JS приложением разработчика. JS-API дает возможность вызывать native методы приложения mom.life APP.

Подключение

Скачать\склонировать с bitbucket проект.

Или вы можете установить через npm:

  • npm i momlife-extensions-js-api --save

Создать html страницу с подключенным js-api:

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
    <title>Test mom.life App</title>

    <script src="path-to-mom-life-extensions-js-api/build/preggieapi.min.js"></script>        
</head>
<body>
<p>
    <button onclick="alert(PREGGIEAPI.API.getCurrentUserId());">Получить id текущего пользователя</button>
</p>

<p>
    <input type="text" id="message" placeholder="Сообщение">
    <button onclick="PREGGIEAPI.API.showToast(document.getElementById('message').value)">showToast</button>
</p>

<p>
    <button id="upload">Загрузить файл</button>
    <div id="uploadLog"></div>
    <script>
        var log = function(id){

            return function(message){
                if(!message){
                    document.getElementById(id).innerHTML = '';

                    return;
                }

                var span = document.createElement('div');
                span.innerHTML = message;

                document.getElementById(id).appendChild(span);

                return message;
            }
        };

        document.getElementById('upload').onclick = function(){
            var _log = log('uploadLog');

            _log(null);

            PREGGIEAPI.API.upload('path-to-self-server/upload/file', {
                progress: function(data){
                    _log('upload progress=' + data.progress);
                },
                success: function(data){
                    _log('success. name is ' + data.name);

                },
                error: function(error){
                    _log('Error: ' + JSON.stringify(error));
                },
                preview: function(base64){
                    _log('base64 image is - <img src="data:image/gif;base64,' + base64 + '" />');
                }
            })
        }
    </script>
</p>

<p>
    <button onclick="alert('getAppId()->' + PREGGIEAPI.API.getAppId());">Получить AppId</button>
</p>

<p>
    <button id="makePaiment">Совершить платеж в размере 100 рублей - makePaiment()</button>
    <div id="makePaimentLog"></div>
    <script>
        document.getElementById('makePaiment').onclick = function () {
            var _log = log('makePaimentLog');

            PREGGIEAPI.API.makePayment(100, {
                success: function(data){
                    _log('success. transaction_id is ' + data.transaction_id);
                },
                error: function(data){
                    _log('error. statusText is ' + data.statusText);
                    _log('status is ' + data.status);
                }
            });
        }
    </script>
</p>


<p>
    <button id="canExit">get canExit()</button>
    <button id="canExitOff">set canExit() to false</button>
    <button id="canExitOn">set canExit() to true</button>
    <div id="canExitLog"></div>
    <script>
        document.getElementById('canExit').onclick = function () {
            var _log = log('canExitLog');

            _log('canExit() = ' + PREGGIEAPI.API.canExit());
        };

        document.getElementById('canExitOff').onclick = function () {
            var _log = log('canExitLog');


            _log('canExit() = ' + PREGGIEAPI.API.canExit(false));
        };

        document.getElementById('canExitOn').onclick = function () {
            var _log = log('canExitLog');


            _log('canExit() = ' + PREGGIEAPI.API.canExit(true));
        }

    </script>
</p>

</body>
</html>

В примере выше находятся вызовы доступных методов с mom.life APP. Точкой входа в API является глобальный объект PREGGIEAPI.

Если эту страницу запустить не на уровное приложения mom.life, а в браузере - будут использоваться mock данные (для разработки).
Если же открыть в приложении mom.life APP - будут использоваться данные полученные напрямую у самого mom.life APP.

Полное описание методов можно найти по ссылке.