There
...
are several options for how to integrate the Cloud VMS depending on the development time.
#1. White-label
...
Web and Mobile with VSaaS template
This is the fastest integration method and it could be as simple as changing the logo and colors in the
...
Web front-end and Mobile apps. All you need is to send us your logo, colors, and other changes that you want us to make on your copy of the web front
...
end and we’ll create it for you within hours.
...
...
VXG will send you a complete Web client source code that is a package with HTML, JS, and CSS files.
...
You can just copy it
...
to your web server and you’ll have
...
the Web client up and running
...
under your domain name, and with full source code that you can change according to your product needs.
...
See more information on how to deploy the web client package here.
#3. White-label web client and mobile apps
...
Mobile applications will be also re-branded. This will require publishing new mobile applications on Google Play and Apple App Store under the
...
Customer’s name. VXG will guide you through
...
this process and assist with publishing
...
.
VXG Cloud VMS is detached from authentication and authorization services. VXG web and mobile clients use Google Firebase for authentication and a simple PHP backend code for the authorization of users - assigning permissions to watch cameras. You can keep using Firebase (under your own Firebase account) or replace the authentication mechanism.
#2. Integration with existing front-end
...
It’s very easy to integrate VXG Cloud VMS with any existing UI.
...
For example, you can just publish an iframe on your website by copying and pasting it from the integrator’s dashboard:
The iframe contains a reference to the channel’s “access token”.
...
A better approach will be to use the VXG Web SDK
...
and integrate the web player with your existing UI. The Web SDK comes with a number of samples that show how to play live or recorded videos from selected cameras.
...
The Web SDK can be used for integration with an existing UI or for building a new UI by just copying the codes from VXG samples into your existing code.
For integration with mobile applications, VXG provides Mobile
...
...
and Mobile SDK for iOS. In all the cases, the SDKs will need to know the
...
channel’s “access token” to access live and recorded
...
videos and other resources and information associated with the channel.
...
...
#3. Integration with
...
VXG Cloud VMS is detached from authentication and authorization services. VXG web and mobile clients use Google Firebase for authentication and a simple PHP backend code for the authorization of users. The easiest way to change the authentication service will be to just change the Google Firebase account to the account managed by a customer. Another approach will be to completely replace the authentication mechanism. VXG will provide the full source code of the authorization backend. It can be hosted on any web server that supports PHP.
#6. Integration with existing front and back-end
...
existing front and back-end
Often our customers already have front and back-ends and they need to add IP cameras (Cloud VMS) to the existing service.
Adding Cloud VMS usually means implementation of the following 3 steps:
Adding VXG Web SDK to the front-end. The Web SDK is an HTML player for playing live and recorded video from VXG Cloud VMS. It includes all common UI controls that can be configured.
Adding VXG non-admin REST API calls to the front-end for calling any functions of the VXG Cloud VMS, for example retrieving a list of images for motion events.
Adding VXG admin REST API calls to the back-end. These calls usually go through a secure server-to-server channel and are used to create or delete channels (add or remove cameras). Once a camera is added, its access token is stored in the back-end database.
...
Here is an example of the sequence of operations.
The authenticated front-end instructs the back-end
...
to add and a new camera.
The back-end calls the Admin REST API function
POST /channels/
...
that returns a channel access token that is stored in the back-ends database.
The front-end requests the back-end
...
for available channels and receives a list of
...
channel access tokens.
The front-end
...
calls Non-admin REST API functions, for example,
GET /live/imageto retrieve the latest snapshot.The front-end
...
calls the VXG Web
...
SDK function
play()to playback live or recorded video.
...
The Admin REST API calls should be authorized with a Cloud Key that can be found on the Integrator’s dashboard. We strongly recommend using Admin API only through a server-to-server secure channel.
The Non-admin REST API calls should be authorized with the Channel Access Token. The Channel Access Token is generated once the back-end creates a new channel (adds a new camera) and stored in the back-end’s database. The Channel Access Token can be invalidated and thus it’s safe to call Non-admin REST API from the front-end.
The Web SDK also uses the Channel Access Token to play video.
...
You can find a number of HTML and Python samples showing how to use VXG REST API on the GutHub.