Tutorials and Tips

Example: Flash/Flex 2- AS3

viphak@myspace — Mon, 25 Feb 2008 07:10:26 GMT

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" creationComplete="init();">
    <mx:HTTPService
        id="viewerProfileRequest"
        result="viewerProfileRequest_OnResult(event)"
        fault="viewerProfileRequest_OnFault(event)"
        useProxy="false" />
    <mx:HTTPService
        id="friendsRequest"
        result="friendsRequest_OnResult(event)"
        fault="friendsRequest_OnFault(event)"
        useProxy="false" />

    <mx:Panel title="MySpace Flex App" width="441" height="326" paddingLeft="10" paddingRight="10">
        <mx:Label text="" fontWeight="bold"/>
        <mx:TabBar dataProvider="mainViewStack">
        </mx:TabBar>
        <mx:ViewStack width="400" height="150" id="mainViewStack">
            <mx:Canvas label="Output" width="400" height="150" id="outputView">
                <mx:TextArea x="0" y="0" width="100%" height="100%" id="outputTextArea"/>
            </mx:Canvas>
            <mx:Canvas label="Profile" width="400" height="150" id="profileView">
                <mx:Panel x="0" y="0" width="100%" height="100%" layout="absolute" title="Viewer Profile">
                    <mx:Image x="10" y="10" width="92" height="90" id="profileImage" source="{profileXml.apiNS::imageuri}"/>
                    <mx:Label x="121" y="10" text="{profileXml.apiNS::userid}" id="userIdLabel"/>
                    <mx:Label x="121" y="36" text="{profileXml.apiNS::displayname}" id="displayNameLabel"/>
                    <mx:Label x="121" y="62" text="{profileXml.apiNS::weburi}" id="webUriLabel"/>
                </mx:Panel>
            </mx:Canvas>
            <mx:Canvas label="My Friends" width="400" height="150" id="friendsView">
                <mx:DataGrid x="0" y="0" width="100%" height="100%" dataProvider="{userXml}">
                    <mx:columns>
                        <mx:DataGridColumn headerText="userid">
                          <mx:itemRenderer>
                            <mx:Component>
                                <mx:Label text="{data.*::userid}" />
                            </mx:Component>
                          </mx:itemRenderer>
                        </mx:DataGridColumn>
                        <mx:DataGridColumn headerText="displayname">
                          <mx:itemRenderer>
                            <mx:Component>
                                <mx:Label text="{data.*::displayname}" />
                            </mx:Component>
                          </mx:itemRenderer>
                        </mx:DataGridColumn>
                        <mx:DataGridColumn headerText="imageuri">
                          <mx:itemRenderer>
                            <mx:Component>
                                <mx:Image source="{data.*::imageuri}" width="20" height="20" />
                            </mx:Component>
                          </mx:itemRenderer>
                        </mx:DataGridColumn>
                    </mx:columns>
                </mx:DataGrid>
            </mx:Canvas>
        </mx:ViewStack>
        <mx:TextArea x="20" y="185" width="400" height="20" visible="true" id="osTokenTextArea"/>
        <mx:HBox width="100%">
            <mx:LinkButton label="Get Viewer Profile" id="profileLinkButton"/>
            <mx:LinkButton label="Get Friends" id="friendsLinkButton"/>
            <mx:LinkButton label="Get Info" id="urlLinkButton"/>
            <mx:LinkButton label="Clear" id="clearLinkButton"/>
        </mx:HBox>
    </mx:Panel>


    <mx:Script>
        <![CDATA[
        import flash.events.MouseEvent;
        import mx.rpc.events.FaultEvent;
        import mx.rpc.events.ResultEvent;
        import mx.controls.Alert;

         public static var OPEN_SOCIAL_TOKEN:String = "opensocial_token";
        public static var OPEN_SOCIAL_MODE:String = "opensocial_surface";
        public static var OPEN_SOCIAL_KEY:String = "opensocial_consumer_key";
        public static var DETAIL_TYPE:String = "detailtype";

        public static var NS_API_V1:String = "api-v1.myspace.com";
        public static var NS_XSI:String = "http://www.w3.org/2001/XMLSchema-instance";
        public static var NS_XSD:String = "http://www.w3.org/2001/XMLSchema";

        public static var URL_ROOT_API:String = "http://api.msappspace.com/opensocial";

        [Bindable]
        public var friendsXml:XML;
        [Bindable]
        public var userXml:XMLList;
        [Bindable]
        public var profileXml:XML;

        public var apiNS:Namespace;

        [Bindable]
        public var os_token:String;

        public function init():void {
            apiNS = new Namespace(NS_API_V1);
            os_token = getOpenSocialToken();

            profileLinkButton.addEventListener(MouseEvent.CLICK, profileLinkButton_OnClick);
            friendsLinkButton.addEventListener(MouseEvent.CLICK, friendsLinkButton_OnClick);
            urlLinkButton.addEventListener(MouseEvent.CLICK, urlLinkButton_OnClick);
            clearLinkButton.addEventListener(MouseEvent.CLICK, clearLinkButton_OnClick);

            osTokenTextArea.text = os_token;
        }

        public function getOpenSocialToken():String {
            var token:String = Application.application.parameters[OPEN_SOCIAL_TOKEN];

            return token;
        }

        public function getOpenSocialSurface():String {
            var mode:String = Application.application.parameters[OPEN_SOCIAL_MODE];

            if (mode == null) {
                mode = "canvas";
            }

            return mode;
        }

        public function getDetailType():String {
            var detail:String = Application.application.parameters[DETAIL_TYPE];

            if (detail == null) {
                detail = "BASIC";
            }

            return detail;
        }

        private function clearOutput():void {
            outputTextArea.text = "";
        }

        private function getViewer():void {
            var serverUrl:String = "http://api.msappspace.com/opensocial/v1";
            var viewerUrl:String = "/VIEWER";
            var profileUrl:String = "/profile.XML";
            var token:String = osTokenTextArea.text;
            var surface:String = "canvas";
            var detail:String = "BASIC";

            viewerProfileRequest.url = serverUrl + viewerUrl + profileUrl + "?";
            viewerProfileRequest.url += OPEN_SOCIAL_TOKEN + "=" + token;
            viewerProfileRequest.url += "&" + OPEN_SOCIAL_MODE + "=" + surface;
            viewerProfileRequest.url += "&" + DETAIL_TYPE + "=" + detail;
            viewerProfileRequest.resultFormat = "e4x";
            viewerProfileRequest.send();
        }

        private function getFriends():void {
            var serverUrl:String = "http://api.msappspace.com/opensocial/v1";
            var viewerUrl:String = "/VIEWER";
            var friendsUrl:String = "/friends.XML";
            var token:String = osTokenTextArea.text;
            var surface:String = "canvas";
            var detail:String = "BASIC";

            friendsRequest.url = serverUrl + viewerUrl + friendsUrl + "?";
            friendsRequest.url += OPEN_SOCIAL_TOKEN + "=" + token;
            friendsRequest.url += "&" + OPEN_SOCIAL_MODE + "=" + surface;
            friendsRequest.url += "&" + DETAIL_TYPE + "=" + detail;
            friendsRequest.resultFormat = "e4x";
            friendsRequest.send();
        }

        public function friendsRequest_OnResult(event:ResultEvent):void {
            friendsXml = event.result as XML;
            userXml = friendsXml.apiNS::friends.apiNS::user as XMLList;
            outputTextArea.text = friendsXml.toString();
        }

        public function friendsRequest_OnFault(event:FaultEvent):void {
            Alert.show(event.fault.message, "Could not call REST API");
        }

        public function viewerProfileRequest_OnResult(event:ResultEvent):void {
            profileXml = event.result as XML;
            outputTextArea.text = profileXml.toXMLString();
        }

        public function viewerProfileRequest_OnFault(event:FaultEvent):void {
            Alert.show(event.fault.message, "Could not call REST API");
        }

        public function profileLinkButton_OnClick(e:MouseEvent):void {
            getViewer();
        }

        public function friendsLinkButton_OnClick(e:MouseEvent):void {
            getFriends();
        }

        public function urlLinkButton_OnClick(e:MouseEvent):void {
            clearOutput();

            for (var i:String in Application.application.parameters)
            {
               outputTextArea.text += i + ":" + Application.application.parameters[i] + "\n";
            }
        }

        public function clearLinkButton_OnClick(e:MouseEvent):void {
            clearOutput();
        }
        ]]>
    </mx:Script>

</mx:Application>

How to develop a Myspace Application using Server Side Code

Russ Cobbe — Fri, 18 Apr 2008 12:37:14 GMT

A lot of developers use the Javascript container to do all the application programming but you may have code existing in some other language that can be turned into a mySpace application. The following explains building an application this way from start to finish.

This article assumes you have a server outside of myspace that can run some web programming language such as PHP, ASP, iHTML, Cold Fusion, Python etc…. It would also be helpful to have a database server running on that machine (or at least accessible) such as mySQL, Postgres or MS SQL server.

The first thing to do is to create a table in your database server that has at least the following information and call it USERS. I am going to use MS SQL server datatypes for simplicity, change appropriately for your db server of choice

Networkid (big integer) – this is the users id on the social network system

Networktypeid (int) – this is the identifier for the network (we use 1- facebook, 2 – bebo, 4 – friendster, 8 – myspace, 16 – orkut, 32 – hi5, they are spaced numerically this way for bit operations at some point in the future)

Dateaddded (datetime) – the date the user installed

Session_key (varchar 32) – not used on all networks

Browser (varchar 256) – handy for knowing what browsers are being used and can be helpful for seeing trends if people are having problems and removing

Active (int) – we use an int since we generally do more than 1 and 0 for active and not active

Friends (varchar 8000) – we sometimes want to store the string of friends for doing things more efficiently than going back to the social network site for the data. Some TOS’s might not allow this so check on those first

Username (varchar 256) – the name of the user

Create a new application on mySpace to experiment with this. On the upload application XML you can load up an xml file but its not strictly needed so skip this step. Most of the data on the next page is just info about your application. The four fields that matter are

Install Callback URL, this is a url on your server that is hit by the myspace system when a user wants to install your application. What you would do on this url is generally the following

create a user account (check if it exists or not first, if it exists set active=1 since it might have been an account created already and been removed previously)

set a cookie perhaps (although not sure this will work on the install page actually)

on some networks you could set the default profile data here

do your first call back to the myspace servers to get the users name

The query string sent to your server looks like this and the networkid value to store in the users table is the opensocial_owner_id (and opensocial_viewer_id should be the same in this case)

country=US&lang=en&newinstall=1&oauth_consumer_key=http%3A%2F%2Fwww.myspace.com%2F364547168&oauth_nonce=633439974091302607&oauth_signature=cO26z1kgt0STq%2Bk8hc5e1nb2ybY%3D&oauth_signature_method=HMAC-SHA1&oauth_timestamp=1208400609&oauth_token=&oauth_version=1.0&opensocial_owner_id=250077925&opensocial_viewer_id=250077925&pto=COMMENTS%2CBLOG%2CBULLETINS%2CPROFILE%2CSEND_MESSAGE

Uninstall Callback URL, this is the url on your server that is hit by the myspace system when a user wants to unfortunately uninstall your application. Generally this simply does marks the record in your users table as inactive. The output from this page is just thrown away and no user ever sees it so it doesn’t need to have any real output.

Oauth Consumer Key and Oauth Consumer Secret. These are needed later on to sign requests you make back to the myspace servers.

After saving this page go to the Edit App Source link. You have 3 tabs which I’ll discuss below

Canvas Surface

For the App type select External iframe. Set the display height to what the main page of the application is going to need. You can always change this later if needed and there are ways programmatically to reset it (adjustheight). The external iframe URL is the home page of your application on your server. So enter the specific URL that users will go to when they go to your application.

Profile Surface

The profile surface is what is shown to other users when they view the user, who has the application installed, profile.

Home Surface

The home surface is what the user sees on their own private home page when they have the application installed.

In most cases the javascript for the profile and home surfaces is going to be the same or very close. The following is an example of a basic script to put in here.

/* global */

body { font-family: verdana, arial, sans-serif; font-size: 11px; margin: 0; padding: 0; text-align: left; }

h1, h2, h3, h4, h5{ font-size: 13px; color: #333; margin: 0px; padding:0px; }

a { color:#3b5998; text-decoration: none; }

a:hover { text-decoration: underline; }

.clear { clear:both; }

a img { border: 0px; }</style>

<div id="loader" style="color: #ccc;padding-left:20px;">Loading application data...</div>

var app_host = "http://www.yourserverurl.com";

var app_id = "100000";

</script>

function getProfile() {

var req_params = new Object();

req_params[gadgets.io.RequestParameters.AUTHORIZATION] = gadgets.io.AuthorizationType.SIGNED;

req_params[gadgets.io.RequestParameters.CONTENT_TYPE] = gadgets.io.ContentType.TEXT;

var req = gadgets.io.makeRequest(app_host + "/myprofile.ihtml", signRequestCompleted, req_params);

}

function canvasURL(url) {

var cview = gadgets.views.getSupportedViews()["canvas"];

gadgets.views.requestNavigateTo(cview, url);

}

function signRequestCompleted(data) {

document.getElementById('target').innerHTML = data.text;

document.getElementById('loader').style.display = 'none';

}

getProfile();

</script>

The only things you really need to worry about are the appid value (change from 100000 to your app id (to find your app id, you can rollover the profile tab and it will have appid= in the URL string), change the myprofile.ihtml to the page on your server that will generate the HTML for the profile page and app_host which is your servers URL.

So now you are pretty much setup on the myspace end of things. The rest of the code goes on your server using your language of choice. Your code can do whatever it wants on your server and can make specific requests back to the myspace server using the RESTful API. There are various resources you can call such as to get the user information or the friends for a user etc…. All requests have to be signed with oAuth authentication on myspace. Other networks use different schemes.

Making Requests to mySpace

To do a request to myspace you need to use the oAUTH signature method. Requests are simple http GET’s or POST’s to the myspace servers to get information about a user or other data. There are PHP libraries for this but since we don’t use PHP we had to figure this out on our own. This is what needs to be done in a generic way that should be translatable to any language. This example gets the friends of a user. You have to generate a signature string first.

The string to generate the signature on is made like this all concatenated togetherGET& plus the request URL urlencoded (ie: http://api.myspace.com/v1/users/#####/friends) (where the ##### are the userid of the person you are getting the friends for) append an & string together the actual request which has oauth_consumer_key=yourkey&oauth_nonce=noncevalue&oauth_signature_method=HMAC-SHA1&oauth_timestamp=atimestamp&oauth_token=&oauth_version=1.0(note the oauth_token has no value but must be there, The order of the parameters matters, they need to be in alphabetical order. ) Then you URL encode the above and append it to your string you are building up. So your base string might look something like this (note what is and isn't url encoded ie its, GET&urlencodedhostrequest&urlencodedrequeststring) GET&http%3A%2F%2Fapi.myspace.com%2Fv1%2Fusers%2F6549232%2Ffriends&oauth_consumer_key%3Dhttp%253A%252F%252Fwww.myspace.com%252F354364031%26oauth_nonce%3D1206638068.1040%26oauth_signature_method%3DHMAC-SHA1%26oauth_timestamp%3D1206638068%26oauth_token%3D%26oauth_version%3D1.0 Then you need to hash it with HMAC-SHA1 and base64 encode it so the text value would be your string and the key (and this is important) is your consumer secret with an & appended to the end of it. (we couldn't find a command line tool that would do an HMAC-SHA1 and base64 encode so we wrote one in C. Contact me if you would like it)Then you urlencode the result of that and that is your signature. Then you have to form your query string which has all the same stuff you built up in your request plus the signature so like this oauth_consumer_key=yourkey&oauth_nonce=noncevalue&oauth_signature_method=HMAC-SHA1&oauth_signature=yourgensighere&oauth_timestamp=atimestamp&oauth_token=&oauth_version=1.0 So your whole get request might look something like thishttp://api.myspace.com/v1/users/#####/friends?oauth_consumer_key=http%3A%2F%2Fwww.myspace.com%2F354364031&oauth_nonce=633421365057774247&oauth_signature=GASxMIk34F62SsLY4j6N8oMNrLA%3D&oauth_signature_method=HMAC-SHA1&oauth_timestamp=1206539705&oauth_token=&oauth_version=1.0

That request is then made by your server code and the result back is an XML structure that you can then parse to get the information you need.

Cookie and P3P considerations

If you want to set a cookie on the users browser it may or may not work depending on the browser security settings and the network. Since this is in an iframe it’s a 3^rd party cookie so you need to set a P3P policy and add the following headers to responses sent back by your server.

P3P: CP="ADM DEV PSA OUR IND ONL UNI PUR NAV CNT STA INT"

In general though we have found it better to pass variables in query strings or hidden form post variables when navigating within your application.

Profile and Home Pages

These pages on your server (myprofile.ihtml in the above examples) are requested by the myspace server on every view by a user. The opensocial_viewer_id variable in the query string identifies the user viewing the profile and opensocial_owner_id identifies the profile being viewed. This page on your server would output whatever HTML (or JS) that you want to display to the user. You can use logic to show different things based on who is viewing or what profile they are using. For example you can show their score in a game or a quote or news or weather for their location or whatever your app is going to do.

It is also possible to build an application that is cross platform across all the different social networking sites as we have done with our iDRINK and Treasure Hunt applications. Those each have a single code base that works on all the networks. This has obvious advantages to keeping code standardized and easier to maintain. So while opensocial’s goal is to make cross platform applications it isn’t strictly necessary to make that happen. I’ll leave it to another article to explain all the in’s and out’s of accomplishing this.

Feel free to offer suggestion on areas on the above that need expanding or clarifying and I will update as needed. I hope you find the above useful.

To find out more about what my companies do visit http://www.inline.net or for more information on the iHTML programming language, visit http://www.ihtml.com

Looking for an application promotion tool, visit http://www.snapsavvy.com

Unable to able to upload xap file on myspace open platform

Mayur — Fri, 23 Oct 2009 12:00:05 GMT

Hi ,

I created a silverlight xap file and wanted to upload the same on myspace open platform , but while uploading i followed following steps

1. Go to MyApps->Surface->CanvasSurface

2. select App Type -> HTML/JavaScript Source

3. using Upload source file , upload xap file

4. following code is generated

Now when i save it , now when i add this application to my profile it dosent work . Please tell me which step was wrong

develop myspace application

Deepika — Fri, 31 Jul 2009 12:22:07 GMT

I want to know software requirements to develop application and how to connect myspace from my website.

I need a good tip or 2!

Renee — Sat, 23 Aug 2008 06:18:52 GMT

I am right now watching the myspace developers vids, I am surprised by how dumbfounded I am with these apps, I did not seriously think it would be this hard for me to get a hang of!

I want to create an app very similiar to mob, heroes, and outworld, I am sure there are more but those just to name a few, I notice those apps are sooo very smiliar that there must be a base they used and tweaked from there right? Can someone please point me in the right direction?

I have spent the entire day on ww3 schools site not knowing under which area am I even suppose to look into to learn about the apps, I have even downloaded the render files from outworld and mobster to see if I can reverse engineer and the only thing I have managed to reverse engineer is the canvas page and not even sure if I did that right either???

Making apps is no where near as easy as making a site and uploading ready made stuff!

I need apps for dummies please! ;)

How to post to your external web space from the profile or home surface. (For starters)

David — Wed, 01 Oct 2008 23:40:58 GMT

Hi, I was reading the forums and information websites about myspace developing this week. As a staring developer you have need on easy to understand information and tutorials.

I noticed lots of starting developers have problems with posting forms to external applications. This is why I decided to make a step by step, and well explained tutorial about this subject. The application described here, will handle the posting from the profile or the home surface. But the forms are made and handled from the external PHP on your domain. English is not my native tong so excuse me for my bad English! I walk you thru the source code step by step explaining every part in dept.

Creating the application

You are reading this tutorial, so recon you already have a developers account with MySpace, and you already know how to create your application! This information you can find on so many places, so it's out of scope of this tutorial.

The only thing you need for this tutorial, you find on the “Edit App information” tab of your application. Look for “OAuth Settings”, make a copy of both your customer key and customer secret, you will need those later in the PHP script.

OK now its time to make our hands dirty!

The script on myspace

The code we describe here is the script you will use on the myspace developers page of the application. I wrote it for the home surface, but it's tested on all the surfaces provided. The code I use here is a how to, so all the rest is not really important and clean!

All code on the myspace developer’s page is HTML, so we need to do some HTML work like you know. The div I create here, is to provide my script with a way to write the output to. I will make a write function to write my HTML in it, so it will show. The next thing I do, is opening the script. In fact this is the only HTML I do on the developers page!

// Global variables needed for the application

var url="http://yoursomain/tutorial.php";

When I do a javascript I mostly start with my global variables. It is good practice because that way they are easy to find. Here I only need 1, the url to the external php script.

function init()

{

var params = {};

params[gadgets.io.RequestParameters.METHOD] = gadgets.io.MethodType.POST;

params[gadgets.io.RequestParameters.AUTHORIZATION] = gadgets.io.AuthorizationType.SIGNED;

gadgets.io.makeRequest(url, response, params);

}

The init function is used to do the first request to the external application. This time we don’t need to post anything to the site, we only need the initial HTML to start with.

The first we do in our function, is making a object variable for our parameters, I named it params. This time we only need the method we use, what is the POST method. We also need to sign our request! One thing I noticed reading the forums, was the fact most people get into a 401 error, and this is the reason why. So the next we set in our parameters is the AuthorisationType, and we choose signed.

The last we do in the init routine is making the request. And we use the global url variable for the address. The name of our response function, what I called response and last but not least the parameters we just made.

function WriteBody(html)

{

document.getElementById("AppBody").innerHTML = html;

}

This is an ugly function I use to write the result to the div. I don’t go into this function, when you don’t understand it, a good book about javascript will do wonders.

The next function is more complex, but also very easy to understand.

function doMRPost()

{

var params = {};

var postdata = {};

for(a=0; a<document.ApForm.elements.length; a++)

{

postdata[document.ApForm.name] = document.ApForm.value;

}

params[gadgets.io.RequestParameters.METHOD] = gadgets.io.MethodType.POST;

params[gadgets.io.RequestParameters.POST_DATA] = gadgets.io.encodeValues(postdata);

params[gadgets.io.RequestParameters.AUTHORIZATION] = gadgets.io.AuthorizationType.SIGNED;

gadgets.io.makeRequest(url, response, params);

}

This is the function we will use to do the posting of a form. In my application I use a constant name for all my forms "ApForm", so I did build my doMRPost function especially for this technique. First we make 2 object variables. The first is just like in the init function and is used for the parameters. The next one we use to collect the POST data.

We don’t know what fields we have to post from our form, this is different for every form. Because of this we need to collect the fieldnames and values to use them in the postdata. This we do in the for loop!

We use document.ApForm.elements.length to get the amount of fields in the form. While we run throe the fields, we make an entry with the fieldname in our postdata variable, and we give it the value of the corresponding field.

After the for loop we set the parameters for the request, but this time we also add a parameter for the posted data. Don’t forget to sign your request like in the init function! After all of this work we make the request.

function response(mrResponse) {

WriteBody(mrResponse.text);

}

init();

Here you see the function we already used 2 times. It’s also a very easy one, it only writes the information to the div we created for our application output.

After this function we make a call to the init function to start the application. All we need to do now is close the script.

</script>

The PHP script

Now that we have our application in place at myspace, we only need to make the script we want to use. Here is a easy example, I made up for the tutorial. It is something really simple and useless. All it will do is show a picture of the owner, and place a Title and text. You post title and text from the form. When it starts the title and text are empty.

Before you start coding, download the PHP myspace library and install it on your website. The myspace classes use HTTP_Request, so make sure it is installed on your hosting. If it is not installed, now is the time to do it! When you don’t have that access, ask the system administrator. After this is done, we can start the programming.

<?php

require_once('myspace/MySpaceAPI.php');

At the start we use the require_once function to let our script know we will use the MySpaceAPI library.

$key = 'http://www.myspace.com/yourApiNumber';

$secret = 'your secred';

$myspace = new MySpaceAPI($key,$secret);

Next we make a few variables, we will use these as constants in the program. At the start of the tutorial I told you where to get your key and secret. This is the place to use them. The last line is where we make an occurrence of the MySpaceAPI class.

$owner = $_GET["opensocial_owner_id"];

$result = $myspace->get_user($owner);

$html = "<img src='".$result["largeimageuri"]."' width='200 px'><br>";

$html .= "<h1>".$_POST["titel"]."</h1><br>";

$html .= $_POST["text"]."<br><br>";

Like told I want a picture of the owner on the application. To do this we first load a variable $owner with the owner ID. This variable we use to get the user from the myspace class and put it in result. The get_user method returns a array with all the information we need. This array we load in our result variable.

After this I start building the HTML. I use the $html variable to do this. You see how I put the picture in the variable, and the last 2 lines add the title and text we take from the $_POST global variable. The first time there is nothing posted so that time it stays empty.

Now we need to add the form to the $html variable.

$html .= "<form name='ApForm'>";

$html .= "The title <input id='text' type='text' name='titel' /><br>";

$html .= "text <input id='text' type='text' name='text' /><br>";

$html .= "<input class='But' type='button' name='but' value='Submit' onclick='doMRPost();' />";

$html .= "</form>";

echo($html);

We all know HTML, so it is easy to follow this part of the script. Just notice we set the name of the form to ApForm, this is also what we use in our post routine at the MySpace developers page. Also notice we use a name for all our fields, we need that to fill the postdata in the script at MySpace.

Take a close look at the button we make. Specially the onclick is important, like you can see it calls to the function we made for posting on the MySpace developers page!

At the end we use echo to send the $html variable to the script. That's is all we need to do. It is an easy to use technique, you can use it for all your needs. I really hope this tutorial will help all the starting application developers.

David

How to test a myspace app

Fernanda — Fri, 31 Jul 2009 14:08:15 GMT

I would want to know if there is a way and how I can do, to test a myspace app (not published yet) that is installed in a public profile.

I want to test how this work when I access this profile without being logged in.

Thanks!

Fernanda

flash navigateToURL sandbox error 2146

Toonamo — Mon, 10 Nov 2008 03:02:45 GMT

I have develped a widget that i run through clearspring.

you can view it on my server

http://phonocraft.net/clients/blackmountain/indiemusicassault2008/

or on my profile in the music section

http://www.myspace.com/toonamo

Basically everything runs fine including loading php files off my server to run the internal functions.

What i need to know is how to i make links for the sponsers i have. I know that myspace has set the network access to internal so that external links will not work. Does anyone know a work around?

here is the code so you know what i am using now.

 
bmp.addEventListener(MouseEvent.CLICK, bmpClick);


function bmpClick(event:MouseEvent):void{
    var bmpURL:URLRequest = new URLRequest ("http://www.blackmountainproductions.net/");
    navigateToURL(bmpURL, '_blank');
}

third-party application oauth process by Restful API

Jesse — Tue, 14 Apr 2009 12:41:22 GMT

Hi,

I meet a problem when i develop a third-part application on windows mobile platform.

When application do the oauth process as the follow docment

http://wiki.developer.myspace.com/index.php?title=OAuth_REST_API_Usage_-_Authentication_Process

step1 is ok ,and can get the server's response. step2,I open browser and let user to do the authentication,

but the problem is if i put the useid which is not the id i get the comsumer_key and comsumer_seceret, the browser will do not redirction the call_back URL which was set by step3 and the browser will goto the myspace home page.

how can i do? i do not know how to do?

anyone can help me. please

Example: JQuery UI

viphak@myspace — Sat, 12 Jan 2008 00:06:23 GMT

<script type="text/javascript" src="http://api.msappspace.com/AppRendering/js/jquery-1.2.1.min.js"></script>
<script type="text/javascript" src="http://api.msappspace.com/AppRendering/js/jquery.ui-1.0/ui.tabs.js"></script>
<script type="text/javascript" src="http://api.msappspace.com/AppRendering/js/jquery.ui-1.0/ui.dialog.js"></script>
<script type="text/javascript" src="http://api.msappspace.com/AppRendering/js/jquery.ui-1.0/ui.resizable.js"></script>
<script type="text/javascript" src="http://api.msappspace.com/AppRendering/js/jquery.ui-1.0/ui.mouse.js"></script>
<script type="text/javascript" src="http://api.msappspace.com/AppRendering/js/jquery.ui-1.0/ui.draggable.js"></script>
<script type="text/javascript" src="http://www.viphaklay.com/jquery/plugins/dimensions_1.2/jquery.dimensions.min.js"></script>

<style type="text/css">
                @import url("http://api.msappspace.com/AppRendering/js/jquery.ui-1.0/themes/flora/flora.all.css");
</style>

<!--[if IE 6]>
<style type="text/css">
                #my-tabs {
                padding-bottom: 20px;
                }

</style>
<![endif]-->

<!--[if IE 7]>
<style type="text/css">
                #my-tabs {
                padding-bottom: 24px;
                }
</style>
<![endif]-->



                <div id="my-tabs" class="flora">
            <ul id="tabList">
                <li><a href="#my-tab1"><span>Tab1</span></a></li>
                <li><a href="#my-tab2"><span>Tab2</span></a></li>
                <li><a href="#my-tab3"><span>Tab3</span></a></li>
            </ul>

            <div id="my-tab1">
                                ahhhhhhhhhhh
            </div>
            <div id="my-tab2">
                                yay!
            </div>
            <div id="my-tab3">
                                wahoooo!
            </div>
                </div>
        

<input id="showLink" type="button" value="show me" />

<span id="divSurprise" style="display:none; border:1px solid black">
Surprise!
<img src="http://www.viphaklay.com/jquery/spinner.gif"/>
<img src="http://www.viphaklay.com/jquery/spinner.gif"/>
<img src="http://www.viphaklay.com/jquery/spinner.gif"/>
<img src="http://www.viphaklay.com/jquery/spinner.gif"/>
<img src="http://www.viphaklay.com/jquery/spinner.gif"/>
</span>

<div id="my-dialog" class="flora" title="vipy rules">Drag me somwhere!</div>


<script type='text/javascript'>

  $(document).ready(function(){

    $("#my-tabs > ul").tabs();

    $("#my-dialog").dialog({ height: 100, width: 100});

    $("#showLink").click(function () {
                if ($("#showLink").val() == "show me") {
                                $("#showLink").val("hide me");
                } else {
                                $("#showLink").val("show me");
                }

        $("#divSurprise").toggle("slow");
    });
    
  });

</script>

Inviting friends with iframed canvis

The Generic Coding Crew — Tue, 25 Nov 2008 11:31:46 GMT

Currently, i have my canvis to iframe out to a certan site. but i would like to do a multi friends inviter despite that my canvis calls out to another site? Possible? Is there a way to put a friends inviter on the site its calling out to? What can I do.

And how do I do a multi friend picker

Interface with myspace im??

Aaron — Mon, 29 Dec 2008 04:44:26 GMT

How can I interface my web application with myspace im???

Python: How to connect to MySpace from external website using OAuth (request_token, authorize, access_token)

calendae — Tue, 23 Dec 2008 12:05:47 GMT

Found this on the internet, tested, it works.

import time, hashlib, urllib, hmac, base64, random, webbrowser
from restclient import GET

CONSUMER_KEY = u'http://www.myspace.com/123456789'
CONSUMER_SECRET = u'XXXXXXXXXXXXXXXXXXXXXXXXXXX'
SIGNATURE_METHOD = u'HMAC-SHA1'
VERSION = u'1.0'

REQUEST_TOKEN_URL = 'http://api.myspace.com/request_token'
AUTHORIZATION_URL = 'http://api.myspace.com/authorize'
ACCESS_TOKEN_URL = 'http://api.myspace.com/access_token'

oauth_token_secret = u''
oauth_token = u''

def gen_signature(url, params):
    for p in params:
        params[p] = urllib.quote(params[p], '')

    params_keys = params.keys()
    params_keys.sort()

    sig = ''

    for key in params_keys:
        sig += key +'='+ params[key] +'&'

    sig = 'GET&' + urllib.quote(url, '') + '&' + urllib.quote(sig[:-1])
    #print sig
    key = urllib.quote(CONSUMER_SECRET) + '&' + oauth_token_secret
    m = hmac.new(key, sig, hashlib.sha1)
    m = base64.b64encode(m.digest())
    return urllib.quote(m)

def gen_nonce():
    return hashlib.md5(str(int(time.time())) + str(random.random())).hexdigest()

def parse_response(response):
    response = response.split('&')
    return {'oauth_token': response[0].split('=')[1], 'oauth_token_secret': response[1].split('=')[1]}

def do_get(url, params):
    return GET(url + '?' + urllib.urlencode(params) + '&oauth_signature=' + gen_signature(url, params))

def pause():
    print ''
    time.sleep(1)


# Obtain Request Token
print 'REQUEST TOKEN'
pause()
params = {'oauth_consumer_key': CONSUMER_KEY, 'oauth_version': VERSION, 'oauth_timestamp': u''+str(int(time.time())), 'oauth_nonce': u''+gen_nonce(), 'oauth_signature_method': SIGNATURE_METHOD}
response = parse_response(do_get(REQUEST_TOKEN_URL, params))
oauth_token = response['oauth_token']
oauth_token_secret = response['oauth_token_secret']

# Authorize Token
print 'AUTORIZE TOKEN'
pause()
params = {'oauth_consumer_key': CONSUMER_KEY, 'oauth_version': VERSION, 'oauth_timestamp': u''+str(int(time.time())), 'oauth_nonce': u''+gen_nonce(), 'oauth_signature_method': SIGNATURE_METHOD, 'oauth_token': oauth_token, 'oauth_callback': 'http://localhost'}
webbrowser.open(AUTHORIZATION_URL + '?' + urllib.urlencode(params) + '&oauth_signature=' + gen_signature(AUTHORIZATION_URL, params))

# Time to authorized the token with the browser
raw_input("Press enter when token is authorized...")

# Exchange Request Token with an Access Token
print 'EXCHANGE TOKEN'
pause()
params = {'oauth_consumer_key': CONSUMER_KEY, 'oauth_version': VERSION, 'oauth_timestamp': u''+str(int(time.time())), 'oauth_nonce': u''+gen_nonce(), 'oauth_signature_method': SIGNATURE_METHOD, 'oauth_token': oauth_token}
response = parse_response(do_get(ACCESS_TOKEN_URL, params))

oauth_token = response['oauth_token']
oauth_token_secret = response['oauth_token_secret']

oauth_token = urllib.unquote(oauth_token)
oauth_token_secret = urllib.unquote(oauth_token_secret)

# Request Data
print 'REQUEST DATA'
pause()
params = {'oauth_consumer_key': CONSUMER_KEY, 'oauth_version': VERSION, 'oauth_timestamp': u''+str(int(time.time())), 'oauth_nonce': u''+gen_nonce(), 'oauth_signature_method': SIGNATURE_METHOD, 'oauth_token': oauth_token, 'format': 'json'}
print do_get('http://api.myspace.com/v2/people/@me/@self', params)

anyone figure out rss feeds

IslamicArea.com — Sat, 06 Dec 2008 11:50:59 GMT

Hey there was a tut on here before but i dont think it works anymore,

but we need a way to grab rss data from a url, anyone share?

OpenSocial Developer Garage, Pune - India, 08

Pravin — Fri, 21 Nov 2008 04:33:24 GMT

Hi All,

A group of OpenSocial enthusiasts from Pune have come together to arrange a conference on OpenSocial. This event is aimed to unite all the OpenSocial Apps Developers from all over the country and just share/code/have fun and maybe inspire a few wannabee..

Venue :- Pune, India.
Date :- 20 Dec, 2008
Please take a look at http://developergarage.in/ for more details.

This is a closed event and is an invitation only event, only about 200-250 applicants will get chance to participate. (the ratio of newbies to professionals would be around 20-80%). We already got around 100 registration.

We are sure this will be a great help towards awareness of OpenSocial and building a strong OpenSocial developers community. As this is a
event arranged by some enthusiast developers like us and not by any organization this will be event completely oriented towards OpenSocial
and not marketing any company or jobs.

We have a code lab where interested developers will developer application for \"India I care\". Last one hour is dedicated for application showcase. Some of the application owners can showcase their applications.

We have below opportunities for you that you may be interested -

i. Speaking at this event so that other developers will get help from your knowledge. Speakers registration form is here http://developergarage.in/speakers/

ii. You would like to attend this event so that you can listen to technical sessions. Soon we will announce the finalized speakers at
our site. You will find some well known speakers there. You can register as participant over here http://developergarage.in/register/.
You will get confirmation of registration before 15 Dec 2008.

iii. If your organization would like to sponsor the event you can redirect them to http://developergarage.in/sponsors/budgets/

iv. You may like to participate at code lab and help other developers to build this application for a NGO.

If you are interested let us know ASAP otherwise all seats will get occupied.

Thanks,

Pravin Nirmal
http://www.myphpdunia.com

VIDEO Using Jerome's Php Client Lib --aka-- REST API with php---

Climate — Tue, 18 Nov 2008 13:33:41 GMT

Video ScreenCast on not screwing up

Source and Video are also posted on Google.

http://code.google.com/p/myspace-php-rest-api/

Thanks.

banner in scrollbox for band pages

Kristina — Wed, 24 Sep 2008 11:18:19 GMT

been looking for codes and tried a few but none work on myspace th want to put a banner code box on my band page with the image above it but it not working

Help on links

jeremy — Wed, 29 Oct 2008 01:40:28 GMT

How do I make a page for my links to switch to? I have it set up similar to mobsters,mafia, outworld, etc.

I have set up the buttons but I can't figure out how to make them go anywhere, when you click on "Next" or "I messed up" it doesn't go anywhere. Not much programming exp. but I pretty much have the first page done. Help?

Sample Java Code

onmobile — Wed, 15 Oct 2008 10:54:53 GMT

Hi,

Could anyone provide me with a sample Java code that authenticates a user and allows him to upload pictures and videos.

Thanks in Advance,
Ananth

Resizable Iframes for your apps

Dmitry — Mon, 13 Oct 2008 15:15:22 GMT

Hey, All!

Cause I had this prob and no solutions on the forums, I decided to make small post about this in the blog..

So here is small howto about making resizable iframes: Myspace resizable (height) iframe applications solution

Source: http://www.makeperl.com/2008/10/myspace-resizable-height-iframe_10.html

How to create Application Canvas?

Md. — Tue, 30 Sep 2008 10:16:03 GMT

Actually I have made an app for mysapce. But I can't manage it in the CANVAS page. So, I can't paly it in the myspace.

How Can i Use Canvas page to take the game in it.

Thanks in Advance

sohel

Passing data from external sources into a gadget

Google — Thu, 28 Aug 2008 20:45:31 GMT

Is there an example describing the best way to address specific gadgets from external pages? Say I have a web site with photos on it and I'd like users to be able to select a photo from the site and use it on their myspace page in a gadget that I also provide. Ideally, I'd like to make a button that passes some data to a specific gadget if the owner has it installed, and redirects to the myspace gadget install page if they do not. Alternatively, being able to write to the app data store externally would probably make this work, as I could write to some known key and then read from that key in my gadget. Any tips about either of these approaches?

help

Pk_P|RaTE — Fri, 01 Aug 2008 22:05:13 GMT

right just to start
i am compleatly new to this html/java language
the extent of what i know is this:

"""<html>
<head>
<title>my first web page</title>
</head>

<body bgcolor="#000000"
link="#FFFFFF"
text="#FFFFFF">
<p align="center"><b><u>Welcome to my first web page,</p>
<br>
<br>
<a href="page1.html"><p align="center"> click here to continue</p></a>
<hr>
</html>"""

if someone is willing to teach and help i am willing to learn

thanks
sencerly
pkpirate

p.s i dont want alot of spam male saying stuff like "you noob" and "why the heck did you join if you dont know how to code"

im here to learn and we all got to start somewhere

Confused

BaByT Da Yungin Da Newe$t Trap$tar — Tue, 16 Sep 2008 23:51:01 GMT

Well, as I am waiting for me to be approved. I want to know one thing.

What language do I have to learn.

I read something about Javascript, HTML and CSS in the learn tab, but it didn't say speifically what is used.

Help me with this question?

Developer requirements?

Z /-\ ( l-l — Tue, 16 Sep 2008 01:22:04 GMT

I'm completely new to Javascript, apps, etc., but I'm a college student willing to learn the needed skills on the side. I may even be interested in taking some online programming courses.

Before I go completely gung-ho on this (promising) MySpace App development, though, I noticed a required field in your Developer Application form.

I do not own or work for a developing company nor do I have a website. Do I need to start a company and/or website to start developing (seeing as it is marked as a required field). If not, what do I enter in this field?

EDIT: Ah, shoot. I put this in the wrong forum. My bad.