Playfab upload entity file question

Post reply

❤Follow Topic(2)

0 favourites

2 posts

From the Asset Store

Take And Upload Photo and screenshotting

$12 USD

You can upload screenshots and photos to your server very easily.

ArteeStudioCR

FoozleCC
- Joined 4 Dec, 2019
- 13 topics • 23 posts
1

6 Jan, 2020
Quote

This is likely just my ignorance of javascript but wanted to see if someone could help with the correct way to upload a file to playfab once the upload url is received.

The below will successfully use the InitiateFileUploads api to receive a response with an upload url. I am already logged in and getting the appropriate entityId / type and passing it in. I would like now to do a put using that url to upload sample data which I call DataTest below into an entity file on playfab.

What is the proper way to do this in javascript? Does it need to be encoded? I am attempting to use fetch in an async function but am I simply approaching it incorrectly? Any help is appreciated!

Also, I was able to get their setObjects api working correctly which could also be used to store small sets of data as demo'd below but I am interested in storing larger amounts of information which requires the use of an entity file.

The closest documentation on playfab is below under the entity files section:

api.playfab.com/docs/tutorials/entities/getting-started-entities

//InitiateFileUploads
//https://api.playfab.com/documentation/Data/method/InitiateFileUploads
function PF_InitiateFileUploads(f_EntityId,f_EntityType,f_EntityTypeString,mapData){
	
	var request = {
		"FileNames": [
			"mapData"
		],
		"Entity": {
			"Id": f_EntityId,
			"Type": f_EntityType,
			"TypeString": f_EntityTypeString
		}
	}

	PlayFabDataSDK.InitiateFileUploads(request,onInitiateFileUploadsResponse);
}


function onInitiateFileUploadsResponse(response, error) {
	//console.log(gMapData);
	var uploadURL;
	var DataTest={
		posX: 45,
		posY: 23
	};

	if (response !== null) {
		console.log("InitiateFileUploads response received")
		console.log("InitiateFileUploads response: " + JSON.stringify(response));

		uploadURL = response.data.UploadDetails.UploadUrl;
		
		loadFile(uploadURL,DataTest)
		
	} else if (error !== null) {
		console.log("InitiateFileUploads error received")
		console.log("InitiateFileUploads error: " + JSON.stringify(error));

	}
}

async function loadFile(uploadURL,data){
	var payload = data;
	var otherParam={
		headers:{
			"content-type":"application/json; charset=UTF-8"
		},
		body:payload,
		method:"PUT"
	};
	const response = await fetch(uploadURL,otherParam);
	const jsonData = await response.json();
}

Tagged:

Try Construct 3

Develop games in your browser. Powerful, performant & highly capable.
Try Now Construct 3 users don't see these ads

FoozleCC
- Joined 4 Dec, 2019
- 13 topics • 23 posts
1

7 Jan, 2020
Quote

Was able to figure this out..

First, I had an error in assigning the uploadURL from the response.

uploadURL = response.data.UploadDetails.UploadUrl;

should have been

uploadURL = response.data.UploadDetails[0].UploadUrl;

While using fetch should probably work as well, ended up getting it to work with XMLHttpRequest.

I got the following code to successfully push the data to playfab as a file.

In the example below I am putting DataTest in but in my use case I have a large array of tile map data that I am storing. In place of DataTest in my example I set my tile map data equal to a global variable and send that within the send instead.

General flow is that once the data is ready to send, call PF_InitiateFileUploads passing the entity information received from login which I had stored in a global variable in the event sheet. In the callback, send data to url received with XMLHttpRequest, initiate trigger to event sheet with status = "ready", then followup with with a call to FinalizeFileUploads.

//InitiateFileUploads
//https://api.playfab.com/documentation/Data/method/InitiateFileUploads
function PF_InitiateFileUploads(f_EntityId,f_EntityType,f_EntityTypeString){
	
	var request = {
		"FileNames": [
			"mapData"
		],
		"Entity": {
			"Id": f_EntityId,
			"Type": f_EntityType,
			"TypeString": f_EntityTypeString
		}
	}
	PlayFabDataSDK.InitiateFileUploads(request,onInitiateFileUploadsResponse);
}
//FinalizeFileUploads
//https://api.playfab.com/documentation/Data/method/FinalizeFileUploads
function PF_FinalizeFileUploads(f_EntityId,f_EntityType,f_EntityTypeString){
	
	var request = {
		"FileNames": [
			"mapData"
		],
		"Entity": {
			"Id": f_EntityId,
			"Type": f_EntityType,
			"TypeString": f_EntityTypeString
		}
	}
	PlayFabDataSDK.FinalizeFileUploads(request,onFinalizeFileUploadsResponse);
}

function onInitiateFileUploadsResponse(response, error) {
	var uploadURL;
	var DataTest={
		posX: 45,
		posY: 23
	};

	if (response !== null) {
		console.log("InitiateFileUploads response received")
		console.log("InitiateFileUploads response: " + JSON.stringify(response));

		uploadURL = response.data.UploadDetails[0].UploadUrl;
		
		console.log(uploadURL)
		
		var xhr = new XMLHttpRequest();
		xhr.open("PUT", uploadURL, true); // true : asynchrone false: synchrone
		xhr.setRequestHeader("Content-Type", "application/json;charset=UTF-8");
		xhr.send(JSON.stringify(DataTest));
		xhr.onreadystatechange = function () {
			if (this.readyState === 4) {
				console.log(this.responseText)
				var status = "ready";
				console.log("status: " + status)
				myIruntime.callFunction("ES_initiateFileUploads_Results",status)
			}
		};
	} else if (error !== null) {
		console.log("InitiateFileUploads error received")
		console.log("InitiateFileUploads error: " + JSON.stringify(error));
	}
}
function onFinalizeFileUploadsResponse(response, error) {
	if (response !== null) {
		console.log("FinalizeFileUploads response received")
		console.log("FinalizeFileUploads response: " + JSON.stringify(response));
	} else if (error !== null) {
		console.log("FinalizeFileUploads error received")
		console.log("FinalizeFileUploads error: " + JSON.stringify(error));
	}
}