Пользовательское приложение Интеграция с Cumulocity

У меня есть специальное приложение, разработанное отдельно с использованием angular 4 и bootstrap версии 3.

Я создаю собственное приложение, используя angular-cli, используя команду «ng build». Я хочу интегрировать это приложение с cumulocity.

Может ли кто-нибудь предложить подход к интеграции этого приложения с Cumulocity, учитывая, что это автономное приложение должно работать как автономно, так и внутри cumulocity?

Я также хочу следить за брендами cumulocity. (Я могу изменить свои файлы less, чтобы использовать переменные Cumulocity)


cumulocity
person Chetan Laddha    schedule 26.12.2017    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Вы можете просто ng build заархивировать все в папке dist, а затем загрузить его как пользовательское приложение. После этого приложение запустится в контексте вашего клиента Cumulocity.

Чтобы подключиться к конечным точкам REST Cumulocity (документация), вам необходимо настроить базовую аутентификацию с вашим имя пользователя и пароль. Если вы используете http-клиент ng2, вы можете сделать это следующим образом:

import {Injectable} from '@angular/core';
import {Http, Headers} from '@angular/http';

@Injectable()
export class ApiService {

   constructor(private http: Http) {}

   call(url): Observable<any> {
      let username: string = 'username';
      let password: string = 'password';
      let headers: Headers = new Headers();
      headers.append("Authorization", "Basic " + btoa(username + ":" + password)); 
      return this.http.get(url, {headers: headers})
    }
}

Однако помните, что вы не должны записывать фиксированные логин и пароль в приложение, потому что тогда все могут их прочитать. Лучше использовать форму для аутентификации пользователя и использовать ее только в контексте вашего одностраничного приложения.

Для брендинга вы можете найти определенные переменные less в примеры.

person Jan Hommes    schedule 16.01.2018