Fake THETA with React Native

Overview

Fake THETA is an API based on the real RICOH THETA API. To use Fake THETA with React Native you can swap out the Real THETA Base URL http://192.168.1.1 with the Fake THETA URL https://fake-theta.vercel.app for any commands. This can be useful to people who want to code the RICOH THETA Cameras without having the actual device or connecting to it.

Resources

• Snack Browser Demo - Runnable Mobile App Demo in the Browser

• THETA JavaScript Examples - Examples of how to code the RICOH THETA API in JavaScript

• Fake THETA Documentation - RICOH Documentation on Fake THETA

Limitations of using Fake THETA

Limits are Specified in the Fake THETA README.md

• Fake THETA only supports required parameters for each command execution basically

• Non-required parameters, except for _detail of camera.listFiles command, are ignored in the current implementation

• Dynamic responses simulation according to internal states of the camera are not supported

• Completely-reproduced error responses for each model are not supported

• Parameter validation of APIs are not supported

• Non-required parameters for each command are not supported

Info Example

JS Example Code

export { infoButtonControl };

const infoButtonControl = async (urlEndpoint) => {
  console.log("info");
  const response = await fetch(`${urlEndpoint}info`, {
    method: "GET",
    headers: { "Content-Type": "application/json;charset=utf-8" },
  });
  const data = await response.json();
  return JSON.stringify(data, null, 4);
};

State Example

JS Example Code

export { stateButtonControl };

const stateButtonControl = async (urlEndpoint) => {
  const response = await fetch(`${urlEndpoint}state`, {
    method: "POST",
    headers: { "Content-Type": "application/json;charset=utf-8" },
  });

  const data = await response.json();
  return JSON.stringify(data, null, 4);
};

Take Picture

JS Example Code

export { takePictureButtonControl };

const takePictureButtonControl = async (urlEndpoint) => {
  const body = { name: "camera.takePicture" };
  const response = await fetch(`${urlEndpoint}commands/execute`, {
    method: "POST",
    body: JSON.stringify(body),
    headers: { "Content-Type": "application/json" },
  });
  const data = await response.json();

  return JSON.stringify(data, null, 4);
};

List Files

JS Example Code

export { listFilesButtonControl };

const listFilesButtonControl = async (urlEndpoint) => {
  const body = {
    name: "camera.listFiles",
    parameters: {
      fileType: "all",
      entryCount: 5,
      maxThumbSize: 0,
    },
  };
  const response = await fetch(`${urlEndpoint}commands/execute`, {
    method: "POST",
    body: JSON.stringify(body),
    headers: { "Content-Type": "application/json" },
  });
  const data = await response.json();

  return JSON.stringify(data, null, 4);
};

Comments