Code Monkey home page Code Monkey logo

mobile-travel-sample's Introduction

The complete tutorial is available at https://docs.couchbase.com/tutorials/mobile-travel-tutorial/introduction.html. Please follow the tutorial for step-by-step installation instructions.

Overview

This is a step-by-step tutorial describing a Travel application for mobile platforms that supports the following capabilities

  • Users can search and make flight reservations via the Couchbase Lite enabled mobile/desktop applications or through the Python web application.

    • Flight reservations made on the Couchbase Lite enabled mobile and desktop apps are available even when the app is disconnected from the server.

  • Flight reservations made via any of the client apps will be automatically synced over to the remaining clients through the Sync Gateway

  • Users will also be able to do a Full text Search for hotels via Couchbase Lite enabled mobile/desktop applications or through the Python web application

In addition, the Couchbase Lite enabled mobile/desktop applications mobile/desktop apps support the following functionality -

  • Users can fetch listing of hotels from the Python web backend via a REST endpoint.

  • Users can bookmark (and unbookmark) the hotels

  • Bookmarked hotels stored locally and available even when the app is disconnected from the server.

Installation

Pre-requisites

Windows Users : If you are developing on Windows, use a Windows 10 machine. Also, note that you should also have administrative privileges on the Windows box so you can authorize the installation and running of the required executables.

  • Visual C 2017 (*only Windows Users*): must install the Microsoft Visual C Compiler for Python Downloadable from here.

  • Python 3.4+: downloadable from python.org. This should come packaged with pip3

    Windows Users : If you are developing on Windows, make sure that Python is included in your system’s PATH environment variable. You can follow instructions here to set your PATH variable.

  • Git: downloadable from git-scm.org.

Try it out

  • Verify the python installation

    • Run the following command from your terminal.

      bash python --version

      You should see the version of python displayed.

    • Confirm that pip3 is installed. pip is package management software for Python.

      pip3

      You should see the command line options.

  • Verify git installation

    • Run the following command from your terminal.

      bash git --version

      You should see the version of git installed.

Workshop Repo

  • Clone the "master" branch of the workshop source from GitHub. We are doing a shallow pull with depth as 1 to speed the cloning process.

    git clone -b master --depth 1 https://github.com/couchbaselabs/mobile-travel-sample.git

Couchbase Server

In this lesson, you will install and launch v7.1.x of Couchbase Server.

Screenshots below apply to Couchbase Server 7.1.1 and there will be some variation with CBS 7.0.x. However, equivalent functionality is available in earlier versions of server. Refer to documentation for compatible server versions.

Apple M1 Users: Install and launch v7.1.1 or later

If there is a later version available, you can download it as well bearing in mind that the instructions have been validated with the version that is specified in instructions below.

  • Download and install v7.1.1 of Couchbase Server. Follow the instructions specified in the appropriate platform specific install guide to install the same.

  • On the setup wizard, create an Administrator account with the user Administrator and password as password.

  • As you follow the download instructions and setup wizard, make sure you keep all the services (data, query, and index) selected.

  • Install the sample bucket named travel-sample because it contains the data used in this tutorial. You can add the bucket from the "Sample Buckets" tab in the "Settings" menu in the admin console.

  • Create an RBAC user named admin with password password and Application Access to the travel-sample bucket. You can do this from the "Security" menu. These credentials will be used by the Sync Gateway to access the documents in this bucket.

  • Create a Full text search index on travel-sample bucket called 'hotels'. You can do this from the "Search" menu. Just go with default index settings.

Try it out

  • Launch Couchbase Server (if not already runnning)

  • Log into the "Admin Console" (http://localhost:8091) with appropriate Administrator credentials you created during installation

  • Select the "Buckets" option from the menu on the left

  • Verify that you have around 31,000 documents in your travel-sample bucket

Sync Gateway

In this section, you will install and launch version 3.0.3 of Sync Gateway.

  • Download Sync Gateway 3.0.3 from here for your platform.

  • The Sync Gateway will have to be launched with the config file named sync-gateway-config-travelsample.json that you should have downloaded as per the instructions in the Workshop Repo section. The config file will be located in /path/to/mobile-travel-sample.

  • Open the sync-gateway-config-travelsample-<platform>.json and confirm that the RBAC user credentials configured on the Couchbase Server are used by Sync Gateway for accessing the bucket

    "username": "admin",
    "password": "password",
  • Launch the Sync Gateway.

    macOS

    $ cd /path/to/couchbase-sync-gateway/bin
    $ ./sync_gateway /path/to/mobile-travel-sample/sync-gateway-config-travelsample-<platform>.json

    Windows

    By default, the Sync Gateway service will install with serviceconfig.json as the configuration file at C:\Program%20Files\Couchbase\Sync%20Gateway\serviceconfig.json.

    The Sync Gateway will have to be launched with the config file named sync-gateway-config-travelsample.json that you should have downloaded as per the instructions in the Workshop Repo section. The config file will be located in C:/path/to/mobile-travel-sample.

    Open the sync-gateway-config-travelsample.json and confirm that the RBAC user credentials configured on the Couchbase Server are used by Sync Gateway for accessing the bucket.

    "username": "admin",
    "password": "password",
  • Stop the Sync Gateway service (since it would be launched with the default version of config file). To stop the service, you can use the Services application (Control Panel -→ Admin Tools -→ Services).

  • Replace the serviceconfig.json file with the sync-gateway-config-travelsample.json

    $ copy c:/path/to/mobile-travel-sample/sync-gateway-config-travelsample.json "C:\Program Files\Couchbase\Sync Gateway\serviceconfig.json"
  • Start the Sync Gateway service with the new version of serviceconfig.json file. To start the service, you can use the Services application (Control Panel -→ Admin Tools -→ Services).

Try it out

  • Access this URL http://127.0.0.1:4984 in your browser

  • Verify that you get JSON response similar to one below json {"couchdb":"Welcome","vendor":{"name":"Couchbase Sync Gateway","version":"2.7"},"version":"Couchbase Sync Gateway/2.7.0(271;bf3ddf6) EE"}

Python Travel Sample Web Backend

Clone repository

Apple M1 Users:

  • Clone the mobile-travel-sample-m1 branch of Travel Sample Python web app repo

    git clone -b mobile-travel-sample-m1  https://github.com/couchbaselabs/try-cb-python.git
    cd try-cb-python

Other platforms:

  • Clone the mobile-travel-sample-tutorial branch of Travel Sample Python web app repo

    git clone -b mobile-travel-sample-tutorial  https://github.com/couchbaselabs/try-cb-python.git
    cd try-cb-python

Install Python

Windows Users Only

  • Verify the pip installation.
    If you are developing on Windows, pip.exe will be found in the "Scripts" sub directory under the Python installation directory.

    Add the path to the "Scripts" folder to the system’s PATH environment variable.

    You can follow instructions here to set your PATH variable.

    Verify that pip is recognized by typing the following in the cmd terminal. You should see the help menu.

    pip3

Others

  • We will run the Travel Web App in a Python virtual environment. First, check if virtualenv is installed on your system.

    $ virtualenv --version
  • If virtualenv is not installed , you can use apt-get or pip3 to install it.

    $ sudo pip3 install virtualenv
  • Specify the folder for your virtual environment.

    $ virtualenv .
  • Activate your environment. You should see a prompt as shown below.

    $ source bin/activate
    (try-cb-python) $

Install dependencies & run app

The application uses several Python libraries that need to be installed, these are listed in requirements.txt and can be automatically loaded using the pip3 command.

pip3 install -r requirements.txt
  • Update travel.py to reflect the username and password that you have used when installing Couchbase Server. This defaults to "Administrator" and "password".

    DEFAULT_USER = "Administrator"
    PASSWORD = 'password'
  • Now launch the Travel Web App

    $ python travel.py
    $ Running on http://127.0.0.1:8080/ (Press CTRL+C to quit)

    You may see an alert similar to one below requesting access to run the app.

    Make sure you select the "Allow access" option.

    Try it out
    1. Open http://127.0.0.1:8080/ in your web browser

    2. Verify that you see the login screen of the Travel Sample Web App similar to the screenshot shown below

mobile-travel-sample's People

Contributors

amarantha-k avatar biozal avatar bkaneatwork avatar bmeike avatar borrrden avatar djpongh avatar dugbonsai avatar grantnp avatar ibsoln avatar jamesnocentini avatar jayahariv avatar jflath avatar krugster avatar osfameron avatar rajagp avatar rayoffiah avatar velicuvlad avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.