{"__v":0,"_id":"58f949167e8fcf0f005082c4","category":{"version":"58f7a4c8cbd001190056cbf8","project":"578c4badbd223d2000cc1441","_id":"58f7a4c8cbd001190056cbf9","__v":0,"sync":{"url":"","isSync":false},"reference":false,"createdAt":"2016-10-25T23:36:45.975Z","from_sync":false,"order":0,"slug":"basics","title":"Basics"},"parentDoc":null,"project":"578c4badbd223d2000cc1441","user":"57bb7e47afc18c0e00529cf3","version":{"__v":1,"_id":"58f7a4c8cbd001190056cbf8","project":"578c4badbd223d2000cc1441","createdAt":"2017-04-19T17:56:24.172Z","releaseDate":"2017-04-19T17:56:24.172Z","categories":["58f7a4c8cbd001190056cbf9","58f7a4c8cbd001190056cbfa","58f7a4c8cbd001190056cbfb","58f7a4c8cbd001190056cbfc","58f7a4c8cbd001190056cbfd","58f7a4c8cbd001190056cbfe"],"is_deprecated":false,"is_hidden":false,"is_beta":false,"is_stable":true,"codename":"","version_clean":"1.1.0","version":"1.1.0"},"updates":[],"next":{"pages":[],"description":""},"createdAt":"2017-04-20T23:49:42.659Z","link_external":false,"link_url":"","githubsync":"","sync_unique":"","hidden":false,"api":{"results":{"codes":[]},"settings":"","auth":"required","params":[],"url":""},"isReference":false,"order":2,"body":"[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/6feecac-quickstart_banner.jpg\",\n        \"quickstart_banner.jpg\",\n        1200,\n        452,\n        \"#230e20\"\n      ]\n    }\n  ]\n}\n[/block]\n# Install Node and the React Native CLI\nGo to the [React Native Getting Started](https://facebook.github.io/react-native/docs/getting-started.html) guide and follow the steps in the first two sections under **Installing Dependencies**(**Node** and **The React Native CLI**).\n\nNote: you do **not** need Android Studio/Xcode to use the testbed application.\n\n# Create a new React Native project.\nOpen Powershell and navigate to where you want to create the Viro project and run the command ```react-native init ViroSample --version=0.43.3```\n\nThis will create a React Native project in the ViroSample directory.\n\n# Add a Dependency on React Viro\nRun the following commands in Powershell\n```\ncd ViroSample\nnpm install -S -E react-viro\n```\n# Copy Files from React Viro\nCopy the files from `node_modules\\react-viro\\bin\\files\\javascript\\*` to the root of your directory.\n\nThis should override the `index.android.js` and `index.ios.js` files and add `rn-cli.config.js` and a `js/` directory to your ViroSample project.\n\n# Add Your API Keys\nModify the `index.android.js` or `index.ios.js` file and add your API key you got when you signed up (or go ahead and sign up on our [website](https://viromedia.com/signup for a key)).\n\n# Download the Viro Media App\nInstall the Viro Media app from the app store on your device. The app is free.\n\n**iOS**\n[Viro Media App](https://itunes.apple.com/us/app/viro-media/id1163100576?mt=8)\n\n**Android**\n[Viro Media App](https://play.google.com/store/apps/details?id=com.viromedia.viromedia)\n\n# Start Your Packager Server\nIn Powershell, at the root of your new Viro project, run \"npm start\" which should start the React Native packager server.\n\n**Note:  Make sure your computer and phone are on the same network**\n\n# Using the Testbed App\n1. Open the Viro Media App on your phone\n2. Pull out the left panel and select \"Enter Testbed\"\n3. Find the local IP address of your computer (one way is to open another Powershell window and run \"ipconfig\" and look for the IPv4 Address).\n4. type in your local IP address and hit \"Go\".\n5. You should now be in a 360 degree photo of a beach with the text \"Hello World!\" in front of you. If not, then try shaking the device until a development menu appears and hit \"Reload\" and double-check that the local IP address entered was correct.\n\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/62800dc-HelloWorld.png\",\n        \"HelloWorld.png\",\n        2560,\n        1440,\n        \"#253c41\"\n      ]\n    }\n  ]\n}\n[/block]\n**Congratulations, you now have Viro set up and running!**\n\n# Next Steps/Other Resources\n1. Want to learn more about the Viro Platform? Check out our [Tutorial](doc:tutorial) where we go through how to modify the Hello World VR Scene.\n2. New to React Native? Check out the React Native [Tutorial](https://facebook.github.io/react-native/docs/tutorial.html) which goes over some basic concepts of React Native which we leverage.","excerpt":"","slug":"quick-start-windows","type":"basic","title":"Quick Start (Windows)"}

Quick Start (Windows)


[block:image] { "images": [ { "image": [ "https://files.readme.io/6feecac-quickstart_banner.jpg", "quickstart_banner.jpg", 1200, 452, "#230e20" ] } ] } [/block] # Install Node and the React Native CLI Go to the [React Native Getting Started](https://facebook.github.io/react-native/docs/getting-started.html) guide and follow the steps in the first two sections under **Installing Dependencies**(**Node** and **The React Native CLI**). Note: you do **not** need Android Studio/Xcode to use the testbed application. # Create a new React Native project. Open Powershell and navigate to where you want to create the Viro project and run the command ```react-native init ViroSample --version=0.43.3``` This will create a React Native project in the ViroSample directory. # Add a Dependency on React Viro Run the following commands in Powershell ``` cd ViroSample npm install -S -E react-viro ``` # Copy Files from React Viro Copy the files from `node_modules\react-viro\bin\files\javascript\*` to the root of your directory. This should override the `index.android.js` and `index.ios.js` files and add `rn-cli.config.js` and a `js/` directory to your ViroSample project. # Add Your API Keys Modify the `index.android.js` or `index.ios.js` file and add your API key you got when you signed up (or go ahead and sign up on our [website](https://viromedia.com/signup for a key)). # Download the Viro Media App Install the Viro Media app from the app store on your device. The app is free. **iOS** [Viro Media App](https://itunes.apple.com/us/app/viro-media/id1163100576?mt=8) **Android** [Viro Media App](https://play.google.com/store/apps/details?id=com.viromedia.viromedia) # Start Your Packager Server In Powershell, at the root of your new Viro project, run "npm start" which should start the React Native packager server. **Note: Make sure your computer and phone are on the same network** # Using the Testbed App 1. Open the Viro Media App on your phone 2. Pull out the left panel and select "Enter Testbed" 3. Find the local IP address of your computer (one way is to open another Powershell window and run "ipconfig" and look for the IPv4 Address). 4. type in your local IP address and hit "Go". 5. You should now be in a 360 degree photo of a beach with the text "Hello World!" in front of you. If not, then try shaking the device until a development menu appears and hit "Reload" and double-check that the local IP address entered was correct. [block:image] { "images": [ { "image": [ "https://files.readme.io/62800dc-HelloWorld.png", "HelloWorld.png", 2560, 1440, "#253c41" ] } ] } [/block] **Congratulations, you now have Viro set up and running!** # Next Steps/Other Resources 1. Want to learn more about the Viro Platform? Check out our [Tutorial](doc:tutorial) where we go through how to modify the Hello World VR Scene. 2. New to React Native? Check out the React Native [Tutorial](https://facebook.github.io/react-native/docs/tutorial.html) which goes over some basic concepts of React Native which we leverage.