[GH-43] Use SiteUrl for calls from the webapp

webapp/src/actions/index.js

@@ -15,7 +15,7 @@ export function getAttributes(userID = '') {
 
         let data = [];
         try {
-            data = await Client.getAttributes(userID);
+            data = await Client.getAttributes(getState(), userID);
         } catch (error) {
             if (error.status === 404) {
                 dispatch({

webapp/src/client/client.js

@@ -1,15 +1,11 @@
 import {Client4} from 'mattermost-redux/client';
 import {ClientError} from 'mattermost-redux/client/client4';
 
-import {id as pluginId} from '../manifest';
+import {getSiteURL} from '../selectors';
 
 export default class Client {
-    constructor() {
-        this.url = `/plugins/${pluginId}/api/v1`;
-    }
-
-    getAttributes = async (userID = '') => {
-        return this.doGet(`${this.url}/attributes?user_id=` + userID);
+    getAttributes = async (state = {}, userID = '') => {
+        return this.doGet(`${getSiteURL(state)}/attributes?user_id=${userID}`);
     };
 
     doGet = async (url, body, headers = {}) => {

webapp/src/selectors/index.js

@@ -0,0 +1,18 @@
+import {getConfig} from 'mattermost-redux/selectors/entities/general';
+
+import {id as pluginId} from '../manifest';
+
+export const getSiteURL = (state) => {
+    const config = getConfig(state);
+
+    let basePath = '';
+    if (config && config.SiteURL) {
+        basePath = new URL(config.SiteURL).pathname;
+
+        if (basePath && basePath[basePath.length - 1] === '/') {
+            basePath = basePath.substr(0, basePath.length - 1);
+        }
+    }
+
+    return `${basePath}/plugins/${pluginId}/api/v1`;
+};