SlideShare a Scribd company logo
Multiple Odoo with Single Vue Storefront
Geminate comes with the advanced feature of "Multiple Odoo
Instances" connection with "Single Vue Storefront" which
provides a lot of flexibility and saves a lot of server cost and
maintenance effort as we dont need to maintain multiple vue
storefront instances for multiple odoo servers. so no more one to
one connection between single odoo and single vue storefront,
enjoy power of multiple odoo with single vue storefront with
Geminate Connector
Why Odoo?
● Odoo is unusual among eCommerce integration options
in that it offers ERP, eCommerce, and CMS functionality
without the need for extra software. Odoo is a suite of
open-source business software that addresses all of a
company's needs, according to its official website: CRM,
eCommerce, accounting, inventory, point of sale, project
management, and so on. Overall, Odoo's distinct value
proposition is that it is both simple to use and
completely integrated.
Why Vue Storefront?
● Vue Storefront provides a user experience that is similar
to that of a native mobile app:
● A look and feel that is consistent with the platform's
native appearance and feel, which means:
1. On the home screen, there is an app icon.
2. The app can operate in full-screen mode.
● Because the app caches layouts and content, loading
times are reduced after the Service Workers are
installed. The mobile app strives to respond to user
input as quickly as possible, avoiding the use of the
internet as much as feasible.
● Push notifications can be used to re-engage users.
● Vue Storefront eliminates the hassle of maintaining
multiple native development projects — for example,
one for Android and one for iOS – by providing a single
platform that reduces development expenses.
Furthermore, by allowing Server-Side Rendering for the
first webpage load, we can emphasize the importance of
SEO in the eCommerce market and provide a solution
that can be crawled by search engines.
Changing Vue Storefront's default architecture
● Vue Storefront's architecture incorporates a
NoSQL/ElasticSearch database backend by default.
However, the recommended architecture for this project
eliminates the Elastic Search data store in favor of
directly integrating the front-end with the Odoo
back-end to prevent the maintenance of two different
data stores. As a result, the new architecture is built on
the idea that the front-end should be able to crawl the
Odoo back-end API directly, as shown in the picture
below.
●
● The magnificence known as SearchAdapter is a
client-facet code that's accountable for retrieving the
subsequent information from the back-end:
● Product
● Attribute
● Category
● Tax rule
●
● As a result, this elegance is accountable of loading the
product list that looks on the house display and class
pages, now no longer handiest while the consumer
makes a search. While the default SearchAdapter
supplied through Vue Storefront retrieves statistics from
the ElasticSearch back-cease, this venture makes use of
a RESTful API the use of JSON layout as back-end.
● Changes that should be completed to be able to obtain
an operating verbal exchange among the front-end and
the Odoo back-end are avaliable in this repo:
Odoo Module
● The API improvement of this assignment is packaged as
an Odoo module, which consists of the subsequent
elements:
● Controllers
● Business objects
● Data files
● Static web data
Controllers
● They are declared as Python training that copes with
requests with the aid of using extending the Controller
magnificence from odoo.http package. In the case of
this project, there are 3 Controllers:
● PublicAPIController
Handles requests which do now no longer use person
authentication.
Examples: retrieve products, signal up, etc.
PrivateAPIController
● Handles requests which could use consumer
authentication (it is able to both be required or optional).
Examples: upload product to cart, edit profile, etc.
TokenAPIController
● Handles requests approximately producing or
invalidating authentication tokens. It gets the credentials
of the user – electronic mail and password – after which
returns the computed token.
Business objects
● They are declared as Python training extending Model
elegance from odoo.fashions package deal which
integrates them into the automatic patience system
(database). In the case of this project:
● AccessToken is a brand new version created to
encapsulate the attributes of every authentication token,
which includes its lifetime and the associated user.
● User version has been explicitly created with the
intention to increase the present User version to feature
the associated identity tokens.
Data files
● In the case of this project, it is composed in an XML
record affirming configuration data (module
parameterization). It is named "ir_config_param.xml"
inner the "data" folder and consists of a parameter,
that's the wide variety of seconds of life of the
authentication token.
Static web data
● They are static assets, which include images, CSS
documents or JavaScript documents that may be
utilized by the internet interface or Odoo website. In the
case of this project, they may be placed interior the
"static" folder, which incorporates the "description"
assets, which can be used to show the module inside
the Odoo management panel.
Installation of the Odoo module
● odoo-addons - modules you need for Odoo;
● packages/api-client - communicates with a backend;
● packages/composables - exposes composable
functions used to retrieve data using api-client and to
map them to universal data formats using getters;
● packages/theme - nuxt project that glues everything
together. It extends our core theme and uses
composables to retrieve data.
Installation of Vue Storefront
● Note that the Odoo module just includes the needed
API.:
● Remember to set useExactUrlsNoProxy to true, if you
are not using ImageMagick or similar.In order to set up a
production environment, it is recommended to follow
this instruction. Otherwise, in case you are just
developing, just run yarn in order to install the
dependencies and then yarn dev in order to compile and
run the front-end in your browser.
● For further installation support and procedure, please
get in touch on contact@geminatecs.com
Compatibility
● Odoo v13
● nuxt v2.15.6
● apollo-client 2.6.10

More Related Content

Similar to Multiple odoo with single vue storefront

Case study: integrating azure with google app engine
Case study: integrating azure with google app engine Case study: integrating azure with google app engine
Case study: integrating azure with google app engine
Miguel Scotter
 
Introducing The WSO2 Platform
Introducing The WSO2 Platform Introducing The WSO2 Platform
Introducing The WSO2 Platform
WSO2
 

Similar to Multiple odoo with single vue storefront (20)

AnikResume
AnikResumeAnikResume
AnikResume
 
Report on mall automation
Report on mall automationReport on mall automation
Report on mall automation
 
Customer FX Technical Reference Sheet
Customer FX Technical Reference SheetCustomer FX Technical Reference Sheet
Customer FX Technical Reference Sheet
 
Companio AG: Cpronto Business Whitepaper
Companio AG: Cpronto Business WhitepaperCompanio AG: Cpronto Business Whitepaper
Companio AG: Cpronto Business Whitepaper
 
vue-storefront - PWA eCommerce for Magento2 MM17NYC presentation
vue-storefront - PWA eCommerce for Magento2 MM17NYC presentationvue-storefront - PWA eCommerce for Magento2 MM17NYC presentation
vue-storefront - PWA eCommerce for Magento2 MM17NYC presentation
 
Building Multi-Channel Data-Aware Applications
Building Multi-Channel Data-Aware ApplicationsBuilding Multi-Channel Data-Aware Applications
Building Multi-Channel Data-Aware Applications
 
In-Flight Infotainment and e-Shopping App | iPad App for shopping
In-Flight Infotainment and e-Shopping App | iPad App for shoppingIn-Flight Infotainment and e-Shopping App | iPad App for shopping
In-Flight Infotainment and e-Shopping App | iPad App for shopping
 
Simple stock market analysis
Simple stock market analysisSimple stock market analysis
Simple stock market analysis
 
Rhomobile 5.5 Release Notes
Rhomobile 5.5 Release NotesRhomobile 5.5 Release Notes
Rhomobile 5.5 Release Notes
 
Web Components the best marriage for a PWA
Web Components the best marriage for a PWAWeb Components the best marriage for a PWA
Web Components the best marriage for a PWA
 
What's New In InduSoft Web Studio 8.1 + SP1
What's New In InduSoft Web Studio 8.1 + SP1What's New In InduSoft Web Studio 8.1 + SP1
What's New In InduSoft Web Studio 8.1 + SP1
 
Industrial training seminar ppt on asp.net
Industrial training seminar ppt on asp.netIndustrial training seminar ppt on asp.net
Industrial training seminar ppt on asp.net
 
What's new in Portal and WCM 8.5
What's new in Portal and WCM 8.5What's new in Portal and WCM 8.5
What's new in Portal and WCM 8.5
 
Case study: integrating azure with google app engine
Case study: integrating azure with google app engine Case study: integrating azure with google app engine
Case study: integrating azure with google app engine
 
PWA - The Future of eCommerce - Magento Meetup Ahmedabad 2018
PWA - The Future of eCommerce - Magento Meetup Ahmedabad 2018PWA - The Future of eCommerce - Magento Meetup Ahmedabad 2018
PWA - The Future of eCommerce - Magento Meetup Ahmedabad 2018
 
IBM Connect 2014 - JMP103: Extending Your Application Arsenal With OpenSocial
IBM Connect 2014 - JMP103: Extending Your Application Arsenal With OpenSocialIBM Connect 2014 - JMP103: Extending Your Application Arsenal With OpenSocial
IBM Connect 2014 - JMP103: Extending Your Application Arsenal With OpenSocial
 
JMP103 : Extending Your App Arsenal With OpenSocial
JMP103 : Extending Your App Arsenal With OpenSocialJMP103 : Extending Your App Arsenal With OpenSocial
JMP103 : Extending Your App Arsenal With OpenSocial
 
Google Cloud Platform Update
Google Cloud Platform UpdateGoogle Cloud Platform Update
Google Cloud Platform Update
 
Innovation Generation - The Mobile Meetup: Android Best Practices
Innovation Generation - The Mobile Meetup: Android Best PracticesInnovation Generation - The Mobile Meetup: Android Best Practices
Innovation Generation - The Mobile Meetup: Android Best Practices
 
Introducing The WSO2 Platform
Introducing The WSO2 Platform Introducing The WSO2 Platform
Introducing The WSO2 Platform
 

More from Geminate Consultancy Services

More from Geminate Consultancy Services (11)

One2Many Multiple Selection.pptx
One2Many Multiple Selection.pptxOne2Many Multiple Selection.pptx
One2Many Multiple Selection.pptx
 
Manufacturing using Architect CAD Design TOOL.pptx
Manufacturing using Architect CAD Design TOOL.pptxManufacturing using Architect CAD Design TOOL.pptx
Manufacturing using Architect CAD Design TOOL.pptx
 
Document Whatsapp Messaging.pptx
Document Whatsapp Messaging.pptxDocument Whatsapp Messaging.pptx
Document Whatsapp Messaging.pptx
 
Document push notification.pptx
Document push notification.pptxDocument push notification.pptx
Document push notification.pptx
 
According to owasp, there are eight reasons why odoo is the most secure platform
According to owasp, there are eight reasons why odoo is the most secure platformAccording to owasp, there are eight reasons why odoo is the most secure platform
According to owasp, there are eight reasons why odoo is the most secure platform
 
How to install odoo 15 steps on a ubuntu 20.04 lts system installation
How to install odoo 15 steps on a ubuntu 20.04 lts system installation How to install odoo 15 steps on a ubuntu 20.04 lts system installation
How to install odoo 15 steps on a ubuntu 20.04 lts system installation
 
Odoo vs sap
Odoo vs sapOdoo vs sap
Odoo vs sap
 
Odoo vs ms dynamics ax
Odoo vs ms dynamics axOdoo vs ms dynamics ax
Odoo vs ms dynamics ax
 
Odoo vs erp next
Odoo vs erp nextOdoo vs erp next
Odoo vs erp next
 
Compare odoo vs sage
Compare odoo vs sageCompare odoo vs sage
Compare odoo vs sage
 
Compare odoo vs netsuite
Compare odoo vs netsuiteCompare odoo vs netsuite
Compare odoo vs netsuite
 

Recently uploaded

Prosigns: Transforming Business with Tailored Technology Solutions
Prosigns: Transforming Business with Tailored Technology SolutionsProsigns: Transforming Business with Tailored Technology Solutions
Prosigns: Transforming Business with Tailored Technology Solutions
Prosigns
 

Recently uploaded (20)

Large Language Models and the End of Programming
Large Language Models and the End of ProgrammingLarge Language Models and the End of Programming
Large Language Models and the End of Programming
 
Corporate Management | Session 3 of 3 | Tendenci AMS
Corporate Management | Session 3 of 3 | Tendenci AMSCorporate Management | Session 3 of 3 | Tendenci AMS
Corporate Management | Session 3 of 3 | Tendenci AMS
 
GraphAware - Transforming policing with graph-based intelligence analysis
GraphAware - Transforming policing with graph-based intelligence analysisGraphAware - Transforming policing with graph-based intelligence analysis
GraphAware - Transforming policing with graph-based intelligence analysis
 
AI/ML Infra Meetup | Reducing Prefill for LLM Serving in RAG
AI/ML Infra Meetup | Reducing Prefill for LLM Serving in RAGAI/ML Infra Meetup | Reducing Prefill for LLM Serving in RAG
AI/ML Infra Meetup | Reducing Prefill for LLM Serving in RAG
 
AI/ML Infra Meetup | Perspective on Deep Learning Framework
AI/ML Infra Meetup | Perspective on Deep Learning FrameworkAI/ML Infra Meetup | Perspective on Deep Learning Framework
AI/ML Infra Meetup | Perspective on Deep Learning Framework
 
How Recreation Management Software Can Streamline Your Operations.pptx
How Recreation Management Software Can Streamline Your Operations.pptxHow Recreation Management Software Can Streamline Your Operations.pptx
How Recreation Management Software Can Streamline Your Operations.pptx
 
Globus Compute wth IRI Workflows - GlobusWorld 2024
Globus Compute wth IRI Workflows - GlobusWorld 2024Globus Compute wth IRI Workflows - GlobusWorld 2024
Globus Compute wth IRI Workflows - GlobusWorld 2024
 
Prosigns: Transforming Business with Tailored Technology Solutions
Prosigns: Transforming Business with Tailored Technology SolutionsProsigns: Transforming Business with Tailored Technology Solutions
Prosigns: Transforming Business with Tailored Technology Solutions
 
Into the Box 2024 - Keynote Day 2 Slides.pdf
Into the Box 2024 - Keynote Day 2 Slides.pdfInto the Box 2024 - Keynote Day 2 Slides.pdf
Into the Box 2024 - Keynote Day 2 Slides.pdf
 
SOCRadar Research Team: Latest Activities of IntelBroker
SOCRadar Research Team: Latest Activities of IntelBrokerSOCRadar Research Team: Latest Activities of IntelBroker
SOCRadar Research Team: Latest Activities of IntelBroker
 
A Comprehensive Look at Generative AI in Retail App Testing.pdf
A Comprehensive Look at Generative AI in Retail App Testing.pdfA Comprehensive Look at Generative AI in Retail App Testing.pdf
A Comprehensive Look at Generative AI in Retail App Testing.pdf
 
BoxLang: Review our Visionary Licenses of 2024
BoxLang: Review our Visionary Licenses of 2024BoxLang: Review our Visionary Licenses of 2024
BoxLang: Review our Visionary Licenses of 2024
 
Cyaniclab : Software Development Agency Portfolio.pdf
Cyaniclab : Software Development Agency Portfolio.pdfCyaniclab : Software Development Agency Portfolio.pdf
Cyaniclab : Software Development Agency Portfolio.pdf
 
Paketo Buildpacks : la meilleure façon de construire des images OCI? DevopsDa...
Paketo Buildpacks : la meilleure façon de construire des images OCI? DevopsDa...Paketo Buildpacks : la meilleure façon de construire des images OCI? DevopsDa...
Paketo Buildpacks : la meilleure façon de construire des images OCI? DevopsDa...
 
top nidhi software solution freedownload
top nidhi software solution freedownloadtop nidhi software solution freedownload
top nidhi software solution freedownload
 
Designing for Privacy in Amazon Web Services
Designing for Privacy in Amazon Web ServicesDesigning for Privacy in Amazon Web Services
Designing for Privacy in Amazon Web Services
 
2024 RoOUG Security model for the cloud.pptx
2024 RoOUG Security model for the cloud.pptx2024 RoOUG Security model for the cloud.pptx
2024 RoOUG Security model for the cloud.pptx
 
Vitthal Shirke Microservices Resume Montevideo
Vitthal Shirke Microservices Resume MontevideoVitthal Shirke Microservices Resume Montevideo
Vitthal Shirke Microservices Resume Montevideo
 
How Does XfilesPro Ensure Security While Sharing Documents in Salesforce?
How Does XfilesPro Ensure Security While Sharing Documents in Salesforce?How Does XfilesPro Ensure Security While Sharing Documents in Salesforce?
How Does XfilesPro Ensure Security While Sharing Documents in Salesforce?
 
Abortion ^Clinic ^%[+971588192166''] Abortion Pill Al Ain (?@?) Abortion Pill...
Abortion ^Clinic ^%[+971588192166''] Abortion Pill Al Ain (?@?) Abortion Pill...Abortion ^Clinic ^%[+971588192166''] Abortion Pill Al Ain (?@?) Abortion Pill...
Abortion ^Clinic ^%[+971588192166''] Abortion Pill Al Ain (?@?) Abortion Pill...
 

Multiple odoo with single vue storefront

  • 1. Multiple Odoo with Single Vue Storefront Geminate comes with the advanced feature of "Multiple Odoo Instances" connection with "Single Vue Storefront" which provides a lot of flexibility and saves a lot of server cost and maintenance effort as we dont need to maintain multiple vue storefront instances for multiple odoo servers. so no more one to one connection between single odoo and single vue storefront, enjoy power of multiple odoo with single vue storefront with Geminate Connector Why Odoo? ● Odoo is unusual among eCommerce integration options in that it offers ERP, eCommerce, and CMS functionality without the need for extra software. Odoo is a suite of open-source business software that addresses all of a company's needs, according to its official website: CRM,
  • 2. eCommerce, accounting, inventory, point of sale, project management, and so on. Overall, Odoo's distinct value proposition is that it is both simple to use and completely integrated. Why Vue Storefront? ● Vue Storefront provides a user experience that is similar to that of a native mobile app: ● A look and feel that is consistent with the platform's native appearance and feel, which means: 1. On the home screen, there is an app icon. 2. The app can operate in full-screen mode. ● Because the app caches layouts and content, loading times are reduced after the Service Workers are installed. The mobile app strives to respond to user input as quickly as possible, avoiding the use of the internet as much as feasible. ● Push notifications can be used to re-engage users. ● Vue Storefront eliminates the hassle of maintaining multiple native development projects — for example,
  • 3. one for Android and one for iOS – by providing a single platform that reduces development expenses. Furthermore, by allowing Server-Side Rendering for the first webpage load, we can emphasize the importance of SEO in the eCommerce market and provide a solution that can be crawled by search engines. Changing Vue Storefront's default architecture ● Vue Storefront's architecture incorporates a NoSQL/ElasticSearch database backend by default. However, the recommended architecture for this project eliminates the Elastic Search data store in favor of directly integrating the front-end with the Odoo back-end to prevent the maintenance of two different data stores. As a result, the new architecture is built on the idea that the front-end should be able to crawl the Odoo back-end API directly, as shown in the picture below.
  • 4. ● ● The magnificence known as SearchAdapter is a client-facet code that's accountable for retrieving the subsequent information from the back-end: ● Product ● Attribute ● Category ● Tax rule
  • 5. ● ● As a result, this elegance is accountable of loading the product list that looks on the house display and class pages, now no longer handiest while the consumer makes a search. While the default SearchAdapter supplied through Vue Storefront retrieves statistics from
  • 6. the ElasticSearch back-cease, this venture makes use of a RESTful API the use of JSON layout as back-end. ● Changes that should be completed to be able to obtain an operating verbal exchange among the front-end and the Odoo back-end are avaliable in this repo: Odoo Module ● The API improvement of this assignment is packaged as an Odoo module, which consists of the subsequent elements: ● Controllers ● Business objects ● Data files
  • 7. ● Static web data Controllers ● They are declared as Python training that copes with requests with the aid of using extending the Controller magnificence from odoo.http package. In the case of this project, there are 3 Controllers: ● PublicAPIController Handles requests which do now no longer use person authentication.
  • 8. Examples: retrieve products, signal up, etc. PrivateAPIController ● Handles requests which could use consumer authentication (it is able to both be required or optional). Examples: upload product to cart, edit profile, etc. TokenAPIController ● Handles requests approximately producing or invalidating authentication tokens. It gets the credentials of the user – electronic mail and password – after which returns the computed token. Business objects ● They are declared as Python training extending Model elegance from odoo.fashions package deal which integrates them into the automatic patience system (database). In the case of this project: ● AccessToken is a brand new version created to encapsulate the attributes of every authentication token, which includes its lifetime and the associated user.
  • 9. ● User version has been explicitly created with the intention to increase the present User version to feature the associated identity tokens. Data files ● In the case of this project, it is composed in an XML record affirming configuration data (module parameterization). It is named "ir_config_param.xml" inner the "data" folder and consists of a parameter, that's the wide variety of seconds of life of the authentication token. Static web data ● They are static assets, which include images, CSS documents or JavaScript documents that may be utilized by the internet interface or Odoo website. In the case of this project, they may be placed interior the "static" folder, which incorporates the "description" assets, which can be used to show the module inside the Odoo management panel. Installation of the Odoo module
  • 10. ● odoo-addons - modules you need for Odoo; ● packages/api-client - communicates with a backend; ● packages/composables - exposes composable functions used to retrieve data using api-client and to map them to universal data formats using getters; ● packages/theme - nuxt project that glues everything together. It extends our core theme and uses composables to retrieve data. Installation of Vue Storefront ● Note that the Odoo module just includes the needed API.: ● Remember to set useExactUrlsNoProxy to true, if you are not using ImageMagick or similar.In order to set up a production environment, it is recommended to follow this instruction. Otherwise, in case you are just developing, just run yarn in order to install the dependencies and then yarn dev in order to compile and run the front-end in your browser. ● For further installation support and procedure, please get in touch on contact@geminatecs.com
  • 11. Compatibility ● Odoo v13 ● nuxt v2.15.6 ● apollo-client 2.6.10