Wix Apps





Wix PLATFORM - Recap


  No More Flash!         

New HTML5 Platform

Supports Third Party Apps

Seamless Apps integration

Wix Web Site


Templates

Pages

Components

What Are Apps?


         Widget App === Site Component


Page App === Site Page



Wix Apps are integral part of Wix sites!

App INTRO


view modes

endpoints

endpoints internals



View Modes


Editor

Preview

Site

Endpoints


Settings  (Editor)

     Widget  (Editor/Preview/Site/SEO)

        Page    (Editor/Preview/Site/SEO)



Endpoint Internals


Each endpoint is 

                • Rendered in a dedicated iframe 

• Accessed with dedicated URL parameters

e.g.
instance, viewMode, compId, locale, etc.

BUILDING a Simple App


Getting started in 3 steps

  1. Get App Keys
  2. Register Endpoints
  3. View in Editor



App INstance


How do I customize my App for a specific Site?

e.g.
Associate an account, Customize style, etc.


==> How do I associate my App with a specific Site?





App Instance - Provisioning


                                          Site 
                                             +       ==>   Instance Id   (GUID)   
                                          App 


One time process. Unique & Persistent

App Instance


      Instance JSON

{ "InstanceId": "aff5016d-2914-4d63-a38c-a6dc4e432ed7", "SignDate": 1336914487311, "uid": "86c6c550-2042-494e-86cc-ac65f8862e11", "permissions": "OWNER"}

Instance Parameter


              • URL query parameter

              • Encoded & Signed (HMAC-SHA1 256)

              • Format
Signature.InstanceData
              
      e.g.
vrinSv2HB9tqbnJ6RSwoMgVamAIxpmmsA0I6eAan960.eyJpbnN0YW5jZUlkIjoiYWZmNTAxNmQtMjkxNC00ZDYzLWEzOGMtYTZk...


Instance Parameter


Use cases:

                            • Verification - use the sample code
                            • Premium Packages Management 
                            • Integration with templates
                            • Wix users managment

Developing an app


  1. Choose a type - Widget or Page
  2. Prepare a Settings endpoint 
  3. Setup your backend (Java, Rails, PHP, Node, etc.)
  4. Manage instance settings - App Data
  5. Use the JS SDK!

Wix.js


A Javascript SDK - Wix.js

                   • Mandatory in each endpoint. 

   • Monitored by the Wix Platform ("Oops!") 

<script src="//sslstatic.wix.com/services/js-sdk/1.16.0/js/Wix.js"></script>



Coming Soon


             Tools
                             • SDK Console
                             • URL Builder

             Features
                            • Fixed Widgets
                            • Popup Widgets
                            • Wix Media Selection
                            • Multiple Premium Packages
                            • UI library

Your TurN!




Developers, Developers, Developers

S. Balmer  


THANK you