Stylized line drawing of mark playing the flute

Basic Authentication with Titanium.Network.HTTPClient

I've been trying, over the last couple of days, to figure out how to do an HTTP request with Basic Authentication using Appcelerator Titanium.

It seemed like it should be pretty easy. Just create an HTTPClient object, pass it the username and password via setBasicCredentials(), and off you go.

But it didn't work. I got 401 - Unauthorized on every single site I tried.

Finally, after way too much research, I discovered that setBasicCredentials just doesn't work and you have to do Basic Authentication by setting the headers yourself like this:

authstr = 'Basic ' +Titanium.Utils.base64encode(username+':'+password); xhr.setRequestHeader('Authorization', authstr);

It's important to note that setRequestHeader() has to be called after you've called open() but before you call send()

And here's a complete function for making HTTP requests.

var httpRequest = function(params) {    var xhr = Titanium.Network.createHTTPClient();    xhr.onload = function() {        if(params.hasOwnProperty('callback')) {            if(typeof params.callback == 'function') {                params.callback(this.responseText);            }else {                Ti.API.error('getXML:  Invalid callback function');            }        }    };    xhr.onerror = function() {        Ti.API.error(this.status + ' - ' + this.statusText);    };    xhr.open( params.hasOwnProperty('method') ? params.method : 'GET', params.url);    try {         if(params.hasOwnProperty('username') && params.hasOwnProperty('password')) {            authstr = 'Basic ' +Titanium.Utils.base64encode(params.username+':'+params.password);             xhr.setRequestHeader('Authorization', authstr);        }    }catch(e) {        Ti.API.error('Error in getXML:  ' + e.message);    }    xhr.send();};//Call it like thishttpRequest( {        url:  'https://api.del.icio.us/v1/tags/get',        username: 'username',        password:  'password',        callback:  function(resp) {            //TODO        }    });