I’m engaged with a client who wants to use the ReMax API, which issues tokens OK but binds them to an IP address for their lifetime…so it breaks with WIx as they change IP address too frequently. The solution is clearly to use a proxy and, for a second, I thought Wix had a solution for me with this:
It’s an NPM that’s actually called out in the Velo API but I am struggling to make it work with Webshare, who is recommended in the NPM docs…which definitely has at least one typo in it, that I have identified.
Has anyone else been able to make this work?
My current code, running in the back-end on a Wix Editor site is as follows, with the NPM installed…I just call the function from the FE but it fails with a 4040 error from teh proxy provider, WebShare:
import { fetch } from 'wix-fetch';
import wixData from 'wix-data';
import { getSecret } from 'wix-secrets-backend';
import { sendCustomHttpReq } from '@velo/static-ip-request-backend'
let username
let password
let datafeedID
let proxyUsername
let proxyPassword
let request
let getPropertyList
export async function getTokenIP() {
// Fetching all necessary secrets and data
username = await getSecret("remaxUsername");
password = await getSecret("remaxPassword");
datafeedID = await getSecret("remaxDatafeedId");
proxyUsername = await getSecret("proxyUsername");
proxyPassword = await getSecret("proxyPswd");
// Defining the URLs
request = "https://webservices.vebra.com/export/${datafeedID}/v10/branch";
getPropertyList = "https://webservices.vebra.com/export/${datafeedID}/v10/branch/39297/property";
// Creating the auth headers
const authHeaderRemax = "Basic " + Buffer.from(username + ":" + password).toString('base64');
//const authHeaderWebshare = "Basic " + Buffer.from(proxyUsername + ":" + proxyPassword).toString('base64');
// Configurations for the request
let configs = {
url: request,
method: "get",
headers: {
"Authorization": authHeaderRemax,
}
}
// Sending the request through the custom HTTP request function
try {
const response = await sendCustomHttpReq(configs);
return response
} catch (error) {
console.error('Error occurred while fetching token:', error);
return error
}
}
The secrets are installed exactly as requested by the NPM docs and it appears to pull them directly try from the Secrets manager, so I actually don’t need to - I am assuming that the NPM is taking care of logging into the proxy…which the NPM code implies…given the username & password are entered correctly. I’m including the NPM code below, so anyone feeling helpful won’t have to go hunting for it.
import { getSecret } from 'wix-secrets-backend';
import { getConfig } from 'wix-configs-backend';
const axios = require('axios');
const btoa = require('btoa');
export async function sendCustomHttpReq(configs) {
const { url = '', method = 'get', data = {}, params = {}, headers = {}, ...otherConfigs } = configs || {};
try {
const mainConfigs = await getMainConfigs();
const { baseURL = '', host = '', port = '', proxyAuthorization = '', endpointAuthorization = '' } = mainConfigs || {};
if (!baseURL && !url) {
return Promise.reject('Request URL is missing');
}
let allReqConfigs = {
proxy: { host, port },
method: method.toLowerCase(),
...(url && { url }),
...(baseURL && { baseURL }),
headers: {
"Proxy-Authorization": proxyAuthorization,
...(endpointAuthorization && { "Authorization": endpointAuthorization }),
...headers
},
...(params && { params }),
...(data && { data }),
...otherConfigs
}
const response = await axios(allReqConfigs);
const { status = '', data: responseData = {} } = response || {};
if (status === 200) {
return Promise.resolve(responseData);
}
return Promise.reject(`Failed with status code: ${status}`);
} catch (err) {
return Promise.reject(`Failed to ${method} -original error- ${err}`);
}
}
/**
* @private
*
* Gets configuration.
*
* @returns {Promise<object>} - Promise resolves to an object containing the configurations, or rejected with error message.
*/
async function getMainConfigs() {
try {
const config = await getConfig('@velo/static-ip-request', 'staticIpRequest');
const { baseURL = '', proxy: { host = '', port = '' } = {} } = config || {};
if (!host || !port) {
return Promise.reject(`Proxy host/port is missing`);
}
const [proxyAuthorization = '', endpointAuthorization = ''] = await Promise.all([await getProxyAuthorization(), await getEndpointAuthorization()]);
return Promise.resolve({ baseURL, host, port, proxyAuthorization, endpointAuthorization });
} catch (err) {
return Promise.reject(`Failed to get request configuration -original error- ${err}`);
}
}
/**
* @private
*
* Gets proxy Authorization data (proxy Username and Password).
*
* @returns {Promise<object>} - Promise resolves to the required proxy authorization value, or rejected with error message.
*/
async function getProxyAuthorization() {
try {
const [username = '', password = ''] = await Promise.all([await getSecret('proxyUsername'), await getSecret('proxyPswd')]);
const proxyAuthorization = `Basic ${btoa(username + ":" + password)}`;
return Promise.resolve(proxyAuthorization);
} catch (err) {
return Promise.reject('Failed to getProxyAuthorization - original error - ' + err);
}
}
/**
* @private
*
* Gets endpoint Authorization data (API Key).
*
* @returns {Promise<object>} - Promise resolves to the required endpoint authorization value, or rejected with error message.
*/
async function getEndpointAuthorization() {
let endpointAuthorization = null;
try {
const endpointApiKey = await getSecret('endpointApiKey');
endpointAuthorization = `Bearer ${btoa(endpointApiKey)}`;
} catch (err) {
console.error("Failed to find secret key named “endpointApiKey” in the Secrets Manager. If this key isn’t needed for your endpoint, please ignore this error message");
}
return Promise.resolve(endpointAuthorization);
}
