Using Couchbase in Your Ionic Framework Application Part 1

Marco iónico se ha convertido recientemente en uno de los frameworks móviles más populares. Facilita enormemente la creación de grandes interfaces de usuario para aplicaciones móviles. Sin embargo, parte del reto consiste también en gestionar los datos, obteniéndolos del servidor back-end y guardándolos localmente para cuando el dispositivo no esté conectado.

Couchbase Mobile se encarga de esto por ti y con el plugin de Apache Cordova, ¡es pan comido!

En este tutorial aprenderás a:

Incluye Couchbase Lite en tu proyecto Ionic.
Utiliza los componentes de Ionic UI para mostrar los datos en pantalla.
Ejecute la aplicación en el simulador iOS / Android.

Requisitos previos

Ionic Framework 1.0+
Apache Cordova 5.0+
El SDK de Android si construyes para Android
Un Mac con Xcode instalado si se construye para iOS

Primeros pasos

Antes de empezar a codificar es importante que creemos un nuevo proyecto y configuremos todos los plugins y componentes necesarios. Desde el símbolo del sistema (Windows) o Terminal (Mac / Linux), ejecuta lo siguiente para crear un nuevo proyecto Ionic:


ionic start CouchbaseApp blank
cd CouchbaseApp
ionic platform add android
ionic platform add ios

iónico iniciar CouchbaseApp en blanco

cd CouchbaseApp

iónico plataforma añada android

iónico plataforma añada ios

Recuerda que si no utilizas un Mac, no puedes añadir ni crear para la plataforma iOS.

Para que este proyecto tenga éxito, hay algunos Apache Cordova que deben ser instalados. Con el proyecto Ionic como directorio de trabajo actual en el Símbolo del sistema o Terminal, ejecute los siguientes comandos:


cordova plugin add cordova-plugin-whitelist
cordova plugin add https://github.com/couchbaselabs/Couchbase-Lite-PhoneGap-Plugin.git

Córdoba plugin añada Córdoba-plugin-lista blanca

Córdoba plugin añada https://github.com/couchbaselabs/Couchbase-Lite-PhoneGap-Plugin.git

Esto instalará el plugin Apache Cordova whitelist que nos permitirá comunicarnos con servicios externos y el plugin Couchbase PhoneGap que permitirá usar Couchbase en nuestra aplicación.

Inclusión de la biblioteca RESTful de AngularJS

El uso de Couchbase Lite se realiza a través de las API RESTful expuestas mediante el plugin Apache Cordova. Una lista completa de estos puntos finales de la API se puede encontrar en el documentación oficial de Couchbase. Sin embargo, existe un AngularJS para facilitar la llamada a estos puntos finales.

Descargar la última ng-couchbase-lite que se encuentra en GitHub e incluye el archivo ng-couchbase-lite.min.js que se encuentra en el archivo dist en el directorio www/js/ carpeta.

Con el archivo incluido en su proyecto, abra el archivo index.html e incluya el archivo JavaScript de la siguiente manera:

Observe que la secuencia de comandos se incluyó sobre el proyecto www/js/app.js.

Lo último que hay que hacer antes de usar ng-couchbase-lite es inyectarlo en AngularJS. Esto se puede hacer abriendo el archivo www/js/app.js y cambiando el módulo.angular para que parezca lo siguiente:


var couchbaseApp = angular.module("starter", ["ionic", "ngCouchbaseLite"]);

var couchbaseApp = angular.módulo("starter", ["iónico", "ngCouchbaseLite"]);

La envoltura AngularJS ahora se puede utilizar a través del proyecto.

Pulir el fichero índice

Es necesario hacer algunos ajustes en el proyecto de www/index.html para aprovechar al máximo este tutorial. El primero de los cuales es la adición de alguna información meta para complementar el plugin de listas blancas. Es más necesario para Android que para iOS. Cerca de la otra meta incluya lo siguiente:

Esto sólo indica a tu proyecto que quieres trabajar con ciertos scripts.

El otro ajuste que quieres hacer es dentro de tu cuerpo etiquetas. Sustituya todo lo que hay dentro del cuerpo por lo siguiente:

Usted debe ser bueno para ir en este punto

Uso de una variable global de base de datos

Para ahorrarnos la molestia de tener que abrir la base de datos en cada vista, vamos a crear una variable global al proyecto. En el directorio www/js/app.js archivo siguiente módulo.angular incluyen lo siguiente:


var todoDatabase = null;

var todoDatabase = null;

Esto se establecerá más tarde cuando inicialicemos la base de datos.

Configuración del router de interfaz de usuario

Ionic Framework utiliza el UI-Router de AngularJS, por lo que vamos a aprovecharlo a la hora de manejar nuestras vistas y controladores. Dentro del proyecto www/js/app.js añada el siguiente código:


couchbaseApp.config(function($stateProvider, $urlRouterProvider) {
    $stateProvider
        .state("todoLists", {
            url: "/todoLists",
            templateUrl: "templates/todolists.html",
            controller: "TodoListsController"
        })
        .state("tasks", {
            url: "/tasks/:listId",
            templateUrl: "templates/tasks.html",
            controller: "TaskController"
        });
    $urlRouterProvider.otherwise("/todoLists");
});

couchbaseApp.config(función($stateProvider, $urlRouterProvider) {

$stateProvider

.estado("todoListas", {

url: "/todoLists",

templateUrl: "templates/todolists.html",

controlador: "TodoListsController"

})

.estado("tareas", {

url: "/tareas/:listId",

templateUrl: "plantillas/tareas.html",

controlador: "TaskController"

});

$urlRouterProvider.de lo contrario("/todoLists");

});

Tenemos dos rutas, una a nuestra vista de listas y otra a nuestra vista de tareas. Sin embargo, la vista de tareas requiere un parámetro adicional que identificamos como listId. Esto se debe a que cuando navegamos a la vista de tareas queremos proporcionar el elemento de lista padre al que pertenece la tarea. Esto nos ayudará a consultar nuestros datos. Ignora los controladores por ahora, porque los crearemos más tarde.

Inicialización de la base de datos y las vistas

Lo primero que hay que hacer cuando se utiliza el plugin PhoneGap de Couchbase es crear una base de datos. Después, puedes registrar vistas para consultar los documentos que residirán en la base de datos. Las vistas de Couchbase son consultas map/reduce que construyen el índice incrementalmente a medida que se guardan nuevos documentos en la base de datos. Son completamente diferentes a las vistas de interfaz de usuario.

Dentro de la sección www/js/app.js vamos a incluir algunas cosas en el archivo AngularJS ejecute método:


couchbaseApp.run(function($ionicPlatform, $couchbase) {
    $ionicPlatform.ready(function() {
        // 1
        if(!window.cblite) {
            alert("Couchbase Lite is not installed!");
        } else {
            cblite.getURL(function(err, url) {
                if(err) {
                    alert("There was an error getting the database URL");
                    return;
                }
                todoDatabase = new $couchbase(url, "todo");
                // 2
                todoDatabase.createDatabase().then(function(result) {
                    var todoViews = {
                        lists: {
                            map: function(doc) {
                                if(doc.type == "list" &amp;&amp; doc.title) {
                                    emit(doc._id, {title: doc.title, rev: doc._rev})
                                }
                            }.toString()
                        },
                        tasks: {
                            map: function(doc) {
                                if(doc.type == "task" &amp;&amp; doc.title &amp;&amp; doc.list_id) {
                                    emit(doc.list_id, {title: doc.title, list_id: doc.list_id, rev: doc._rev})
                                }
                            }.toString()
                        }
                    };
                    todoDatabase.createDesignDocument("_design/todo", todoViews);
                    todoDatabase.listen();
                }, function(error) {
                    // There was an error creating the database
                });
             });
         }
    });
});

couchbaseApp.ejecute(función($ionicPlatform, $couchbase) {

$ionicPlatform.listo(función() {

// 1

si(!ventana.cblite) {

alerta("¡Couchbase Lite no está instalado!");

} si no {

cblite.getURL(función(err, url) {

si(err) {

alerta("Se ha producido un error al obtener la URL de la base de datos");

devolver;

}

todoDatabase = nuevo $couchbase(url, "todo");

// 2

todoDatabase.crearBaseDeDatos().entonces(función(resultado) {

var todoViews = {

enumera: {

mapa: función(doc) {

si(doc.tipo == "lista" && doc.título) {

emite(doc._id, {título: doc.título, rev: doc._rev})

}

}.toString()

tareas: {

mapa: función(doc) {

si(doc.tipo == "tarea" && doc.título && doc.lista_id) {

emite(doc.lista_id, {título: doc.título, lista_id: doc.lista_id, rev: doc._rev})

}

}.toString()

}

};

todoDatabase.crearDocumentoDeDiseño("_diseño/todo", todoViews);

todoDatabase.escuche();

}, función(error) {

// Hubo un error al crear la base de datos

});

}

});

Esto es lo que ocurre paso a paso:

Primero compruebe que el plugin existe (instalado y en funcionamiento). Si existe, a continuación, crear una nueva base de datos si la base de datos deseada no existe ya. Si la creación de la base de datos es exitosa, vamos a crear dos vistas, una para obtener las listas de tareas pendientes, y otra para obtener las tareas. Para este tutorial, la base de datos que estamos creando se llama todo.
Vamos a crear una vista llamada tareas y enumeratanto dentro del diseño/todo documento de diseño. En cuanto a las vistas de Couchbase. El enumera devolverá todos los documentos que tengan un tipo.doc de lista y que tienen un título propiedad. Sin embargo, sólo el título y la revisión del documento se devuelven con el id del documento. Esto se hace para aligerar el proceso. La dirección tareas devolverá todos los documentos que tengan un tipo.doc de tarea así como algunos título propiedad y padre lista_id propiedad. En esta vista en particular, sólo se devuelven el título, la revisión del documento y el id de la lista con el id del documento.

Creación de los controladores

Controlador de la lista de tareas

Dentro de la www/js/app.js de su proyecto, cree el siguiente controlador:


couchbaseApp.controller("TodoListsController", function($scope, $state, $ionicPopup, $couchbase, $rootScope) {

    $scope.lists = { };

    $scope.insert = function() { };

    $scope.delete = function(list) { };

});

couchbaseApp.controlador("TodoListsController", función($alcance, $estado, $ionicPopup, $couchbase, $rootScope) {

$alcance.enumera = { };

$alcance.insertar = función() { };

$alcance.borrar = función(lista) { };

});

Una pequeña explicación sobre nuestros planes El $scope.listas contendrá todos los documentos Couchbase a los que la vista en particular tendrá acceso. $scope.insert por supuesto será responsable de insertar datos en Couchbase Lite y $scope.delete se encargará de borrar los datos.

Así que empezando por el $scope.insert función:


$scope.insert = function() {
    $ionicPopup.prompt({
        title: 'Enter a new TODO list',
        inputType: 'text'
    })
    .then(function(result) {
        var obj = {
            title: result,
            type: "list",
        };
        todoDatabase.createDocument(obj).then(function(result) {
            // The document was saved
        }, function(error) {
            // There was an error saving the document
        });
    });
};

$alcance.insertar = función() {

$ionicPopup.consulte({

título: Introduzca una nueva lista TODO,

inputType: texto

})

.entonces(función(resultado) {

var obj = {

título: resultado,

tipo: "lista",

};

todoDatabase.crearDocumento(obj).entonces(función(resultado) {

// Se ha guardado el documento

}, función(error) {

// Hubo un error al guardar el documento

});

};

En lugar de crear una vista separada para insertar los datos, utilizaremos un archivo $ionicPopup. Con el resultado lo estamos añadiendo a un objeto y también añadiendo un tipo de documento para futuras referencias. A continuación, este objeto se inserta en la base de datos, momento en el que se puede optar por realizar determinadas tareas en función de su éxito o fracaso.

La siguiente función de la que hay que preocuparse es $scope.delete función:


$scope.delete = function(list) {
    var listId = list._id;
    todoDatabase.deleteDocument(list._id, list._rev).then(function(result) {
        todoDatabase.queryView("_design/todo", "tasks", {"start_key": listId}).then(function(result) {
            for(var i = 0; i &lt; result.rows.length; i++) {
                todoDatabase.deleteDocument(result.rows[i].id, result.rows[i].value.rev);
            }
        }, function(error) {
            // There was an error querying the view
        });
    }, function(error) {
        // There was an error deleting the list document
    });
};

$alcance.borrar = función(lista) {

var listId = lista._id;

todoDatabase.borrarDocumento(lista._id, lista._rev).entonces(función(resultado) {

todoDatabase.queryView("_diseño/todo", "tareas", {"start_key": listId}).entonces(función(resultado) {

para(var i = 0; i < resultado.filas.longitud; i++) {

todoDatabase.borrarDocumento(resultado.filas[i].id, resultado.filas[i].valor.rev);

}

}, función(error) {

// Hubo un error al consultar la vista

});

}, función(error) {

// Hubo un error al borrar el documento de la lista

});

};

Aquí ocurren varias cosas. En primer lugar, intentamos eliminar el documento de la lista a través del id y la revisión concretos. Si lo conseguimos, consultamos nuestra vista de tareas en busca de cualquier tarea cuyo padre sea nuestro documento recién creado. Acotamos nuestra búsqueda haciendo uso de la función clave_inicio opción. Para cada documento de tarea que coincida, elimínelo también para que no quede huérfano al eliminar el documento principal.

El parámetro que se pasa a la función eliminar es un objeto.

Pero, ¡un momento! ¿Cómo buscamos documentos para mostrarlos en nuestra lista? Lo que vamos a hacer tiene dos partes. La primera consiste en consultar la vista que creamos al crear una nueva base de datos. Esto se puede hacer de la siguiente manera:


todoDatabase.queryView("_design/todo", "lists").then(function(result) {
    for(var i = 0; i &lt; result.rows.length; i++) {
        $scope.lists[result.rows[i].id] = result.rows[i].value;
    }
}, function(error) {
    // There was an error querying the view
});

todoDatabase.queryView("_diseño/todo", "listas").entonces(función(resultado) {

para(var i = 0; i < resultado.filas.longitud; i++) {

$alcance.enumera[resultado.filas[i].id] = resultado.filas[i].valor;

}

}, función(error) {

// Hubo un error al consultar la vista

});

Esto buscará listas de tareas en la vista cuando ésta se cargue, pero ¿cómo buscar cambios constantemente? Desde que empezamos a escuchar los cambios en el ejecute podemos elegir mostrar lo que hemos oído:


$rootScope.$on("couchbase:change", function(event, args) {
    for(var i = 0; i &lt; args.results.length; i++) {
        if(args.results[i].hasOwnProperty("deleted") &amp;&amp; args.results[i].deleted === true) {
            delete $scope.lists[args.results[i].id];
        } else {
            if(args.results[i].id.indexOf("_design") === -1) {
                todoDatabase.getDocument(args.results[i].id).then(function(result) {
                    if(result.type === "list") {
                        $scope.lists[result._id] = result;
                    }
                });
            }
        }
    }
});

$rootScope.$en("couchbase:change", función(evento, args) {

para(var i = 0; i < args.resultados.longitud; i++) {

si(args.resultados[i].hasOwnProperty("borrado") && args.resultados[i].suprimido === verdadero) {

borrar $alcance.enumera[args.resultados[i].id];

} si no {

si(args.resultados[i].id.indexOf("_diseño") === -1) {

todoDatabase.getDocument(args.resultados[i].id).entonces(función(resultado) {

si(resultado.tipo === "lista") {

$alcance.enumera[resultado._id] = resultado;

}

});

}

});

El código anterior escuchará el couchbase:cambiar evento. Si se activa, hará un bucle a través de todos los cambios y determinará si va a borrar un documento de la lista o si va a insertar un documento en la lista. Digo upserting porque lo insertará si no existe o lo actualizará si existe.

El controlador de hojas de ruta

Dentro de la www/js/app.js de su proyecto, cree el siguiente controlador:


couchbaseApp.controller("TaskController", function($scope, $rootScope, $stateParams, $ionicPopup, $ionicHistory, $couchbase) {

    $scope.todoList = $stateParams.listId;

    $scope.tasks = { };

    $scope.insert = function() { };

    $scope.delete = function(task) { };

    $scope.back = function() { };

});

couchbaseApp.controlador("TaskController", función($alcance, $rootScope, $stateParams, $ionicPopup, $ionicHistory, $couchbase) {

$alcance.lista de tareas = $stateParams.listId;

$alcance.tareas = { };

$alcance.insertar = función() { };

$alcance.borrar = función(tarea) { };

$alcance.volver = función() { };

});

Aquí están ocurriendo algunas cosas. El $scope.todoList contiene el identificador de la lista que se pasó desde la vista anterior de la lista de tareas. Es el identificador de la lista seleccionada. En $scope.tasks es similar a lo que vimos en el TodoListsController con el $scope.listas objeto. Esta vez sólo almacenará información sobre la tarea. La dirección $scope.insert y $scope.delete también será muy similar a lo que vimos en el TodoListsController. Sin embargo, $scope.volver es nuevo y se encarga de llevarnos un nivel hacia atrás en la pila del historial al pulsar la flecha hacia atrás dentro de la aplicación.

Así que vamos a llenar estas funciones con un poco de código, comenzando con el $scope.insert función:


$scope.insert = function() {
    $ionicPopup.prompt({
        title: 'Enter a new TODO task',
        inputType: 'text'
    })
    .then(function(result) {
        var obj = {
            title: result,
            type: "task",
            list_id: $stateParams.listId,
        };
        todoDatabase.createDocument(obj).then(function(result) {
            // The task was created successfully
        }, function(error) {
            // There was an error creating the task
        });
    });
};

$alcance.insertar = función() {

$ionicPopup.consulte({

título: Introducir una nueva tarea TODO,

inputType: texto

})

.entonces(función(resultado) {

var obj = {

título: resultado,

tipo: "tarea",

lista_id: $stateParams.listId,

};

todoDatabase.crearDocumento(obj).entonces(función(resultado) {

// La tarea se ha creado correctamente

}, función(error) {

// Hubo un error al crear la tarea

});

};

Al igual que en el otro controlador, éste también utilizará la función $ionicPopup para introducir datos. El resultado se añadirá a un objeto con un tipo y el id de la lista a la que pertenece esta tarea secundaria. A continuación, este objeto se inserta en la base de datos.

Lo siguiente es la funcionalidad de borrado para eliminar tareas de Couchbase Lite:


$scope.delete = function(task) {
    todoDatabase.deleteDocument(task._id, task._rev);
}

$alcance.borrar = función(tarea) {

todoDatabase.borrarDocumento(tarea._id, tarea._rev);

}

Fíjate en lo mucho más fácil que resulta esta función de borrado en comparación con el borrado de listas. Esto se debe a que no tenemos que preocuparnos por los datos huérfanos. Sólo hay que introducir el id de la tarea y la revisión a borrar y ya está.

Volviendo a la función back encargada de devolvernos a la lista de tareas pendientes:


$scope.back = function() {
    $ionicHistory.goBack();
}

$alcance.volver = función() {

$ionicHistory.goBack();

}

Nada especial aquí, pero es importante porque los dispositivos iOS no tienen un botón de retroceso de hardware. Menos importante para Android, pero todavía bueno tener para la consistencia.

Al igual que con nuestro controlador de lista de tareas, tenemos que preocuparnos de presentar los datos en pantalla. De hecho será muy similar a lo que vimos en el otro controlador. Empezando por consultar la vista de tareas:


todoDatabase.queryView("_design/todo", "tasks", {"start_key": $stateParams.listId}).then(function(result) {
    for(var i = 0; i &lt; result.rows.length; i++) {
        $scope.tasks[result.rows[i].id] = {"_id": result.rows[i].id, "title": result.rows[i].value.title, "list_id": result.rows[i].value.list_id, "_rev": result.rows[i].value.rev};
    }
}, function(error) {
    // There was an error querying the view
});

todoDatabase.queryView("_diseño/todo", "tareas", {"start_key": $stateParams.listId}).entonces(función(resultado) {

para(var i = 0; i < resultado.filas.longitud; i++) {

$alcance.tareas[resultado.filas[i].id] = {"_id": resultado.filas[i].id, "título: resultado.filas[i].valor.título, "list_id": resultado.filas[i].valor.lista_id, "_rev": resultado.filas[i].valor.rev};

}

}, función(error) {

// Hubo un error al consultar la vista

});

En el código anterior estamos consultando la vista, pero también comprobando que los resultados del documento comparten el mismo padre de la lista de tareas, mediante el uso de la propiedad clave_inicio. Si los resultados coinciden, añádalos a nuestro objeto de tareas.

En cuanto a nuestro oyente, de nuevo será muy similar a lo que ya hemos visto:


$rootScope.$on("couchbase:change", function(event, args) {
    for(var i = 0; i &lt; args.results.length; i++) {
        if(args.results[i].hasOwnProperty("deleted") &amp;&amp; args.results[i].deleted === true) {
            delete $scope.tasks[args.results[i].id];
        } else {
            if(args.results[i].id.indexOf("_design") === -1) {
                todoDatabase.getDocument(args.results[i].id).then(function(result) {
                    if(result.type === "task") {
                        $scope.tasks[result._id] = result;
                    }
                });
            }
        }
    }
});

$rootScope.$en("couchbase:change", función(evento, args) {

para(var i = 0; i < args.resultados.longitud; i++) {

si(args.resultados[i].hasOwnProperty("borrado") && args.resultados[i].suprimido === verdadero) {

borrar $alcance.tareas[args.resultados[i].id];

} si no {

si(args.resultados[i].id.indexOf("_diseño") === -1) {

todoDatabase.getDocument(args.resultados[i].id).entonces(función(resultado) {

si(resultado.tipo === "tarea") {

$alcance.tareas[resultado._id] = resultado;

}

});

}

});

En lugar de filtrar por listas, filtramos por tareas.

Creación de vistas de interfaz

Habrá dos vistas en esta aplicación:

Una vista para crear, visualizar y eliminar listas
Una vista para crear, visualizar y eliminar tareas

El diseño y la funcionalidad entre ambos serán casi idénticos. Si un www/plantillas no existe ya en tu proyecto, créalo.

Vista de la lista de tareas

En la sección www/plantillascree un nuevo archivo llamado todolistas.html y añade el siguiente código:



    
        <button class="right button button-icon icon ion-plus"></button>
    
    
        
            
                {{value.title}}

<botón clase="botón derecho botón-icono icono ion-plus"></botón>

Hay que tener en cuenta algunas cosas sobre lo que se ve arriba. En primer lugar, habrá un botón de navegación con un icono más que será la forma en que los usuarios crean nuevas listas. Al hacer clic, se llamará a la insertar() que hemos creado en nuestro controlador. La siguiente cosa a notar es cómo hemos elegido crear nuestro método lista de iones. Hemos optado por darle funciones de deslizamiento similares a las aplicaciones de correo comunes para iOS y Android. Esto se combina con la función ion-option-button que usaremos para borrar listas.

El último punto de este punto de vista es la ng-repeat que utilizamos para recorrer todas las listas. Cuando hacemos clic en un elemento de la lista, el id de la lista se pasa a través de la variable ui-sref llamar.

Vista de la lista de tareas

En la sección www/plantillascree un nuevo archivo llamado tareas.html y añade el siguiente código:



    
        <button class="left button button-icon icon ion-arrow-left-c"></button>
    
    
        <button class="right button button-icon icon ion-plus"></button>
    
    
        
            
                {{value.title}}

<botón clase="botón izquierdo botón-icono ion-arrow-left-c"></botón>

<botón clase="botón derecho botón-icono icono ion-plus"></botón>

De nuevo, es muy similar a la vista de lista de tareas. Sin embargo, hay dos diferencias importantes entre las dos. En primer lugar, observe que esta vista tiene un botón izquierdo con un icono de flecha que llama a nuestro atrás() método. Ahora tenemos dos botones de menú en esta pantalla. En segundo lugar, observe el botón ng-if que existe en la repetición ion-item etiqueta. Sólo queremos mostrar la tarea si tiene un padre que coincida con la lista que hemos elegido.

Probar el proyecto

Pruebas para Android

Con un dispositivo conectado o un simulador en ejecución, desde el símbolo del sistema o el terminal, ejecute los dos comandos siguientes para crear e instalar el archivo APK:


ionic build android
adb install -r platforms/android/build/outputs/apk/android-debug.apk

iónico construya android

adb instale -r plataformas/android/construya/salidas/apk/android-depurar.apk

Pruebas para iOS

Hay dos buenas maneras de hacer esto. Puedes construir el proyecto y abrirlo con Xcode, o puedes construir y emular la aplicación sin lanzar Xcode. El primero se puede hacer así:


ionic build ios

iónico construya ios

A continuación, abra el proyecto plataforma/ios/ e inicie el archivo de proyecto de Xcode.

Si ha instalado el paquete Node Package Manager (NPM) ios-simpuede hacer lo siguiente:


ionic build ios
ionic emulate ios

iónico construya ios

iónico emule ios

Resolver cualquier problema de dependencia de Gradle

En tiempo de compilación para Android, puede encontrarse con el siguiente mensaje de error:

Error: duplicate files during packaging of APK

1	Error: duplicado archivos durante envasado de APK

Para solucionarlo, debe ampliar el archivo de compilación de Gradle para Android como se indica en el documento documentación oficial de Apache Cordova.

Cree platforms/android/build-extras.gradle en tu proyecto y añade lo siguiente:

android {
    packagingOptions {
        exclude 'META-INF/ASL2.0'
        exclude 'META-INF/LICENSE'
        exclude 'META-INF/NOTICE'
    }
}

android {

packagingOptions {

excluir META-INF/ASL2.0

excluir META-INF/LICENCIA

excluir META-INF/NOTICE

}

Conclusión

Usando el plugin PhoneGap de Couchbase, hemos creado una aplicación móvil de listas de tareas que realiza todas las transacciones localmente. Usamos AngularJS para conectarnos fácilmente a los endpoints RESTful que Couchbase Lite expone.

En siguiente tutorial de Ionic Framework en esta serie repasará cómo replicar datos entre el dispositivo local y Couchbase Sync Gateway para que los datos puedan ser compartidos entre dispositivos y plataformas.

Esta serie puede descargarse íntegramente de Couchbase Labs GitHub página.

Nic Raboy, Defensor del Desarrollador, Couchbase

Publicado en: Sin categoría
Etiquetado en: android, apache cordova, couchbase lite, marco iónico, ios

Publicado por Nic Raboy, Defensor del Desarrollador, Couchbase

Nic Raboy es un defensor de las tecnologías modernas de desarrollo web y móvil. Tiene experiencia en Java, JavaScript, Golang y una variedad de frameworks como Angular, NativeScript y Apache Cordova. Nic escribe sobre sus experiencias de desarrollo relacionadas con hacer el desarrollo web y móvil más fácil de entender.

Todos los mensajes Página web

104 Comentarios

u_glow julio 21, 2015 a 2:45 am

Demasiado acoplamiento a otros componentes en las vistas. Tal vez colocar la lógica de inserción/actualización/eliminación en clases de acción separadas para desacoplarlas de cualquier interfaz de usuario en particular, y luego llamarlas cuando los desencadenantes de inserción/actualización/eliminación se envían desde la vista. p. ej.

Inicia sesión para responder
1. Nic Raboy julio 21, 2015 a 3:19 pm
  
  Gracias por tu comentario.
  
  Creo que se reduce a la preferencia como no he leído en la documentación de Ionic para hacer o no hacer eso. No estoy en desacuerdo contigo ya que creo que tienes un enfoque muy válido, pero creo que puede ser demasiado avanzado para muchos lectores de este tutorial. Yo estaba tratando de dar cabida a todos los desarrolladores, principiantes y experimentados.
  
  Gracias de nuevo por su sugerencia :-)
  
  Inicia sesión para responder
Cristian Rodríguez julio 28, 2015 a 1:37 am

Gracias.

Inicia sesión para responder
1. Nic Raboy julio 28, 2015 a 2:07 pm
  
  No hay problema.
  
  Inicia sesión para responder
joekool agosto 12, 2015 a 12:34 am

Cuando ejecuto el proyecto git en el emulador iOS (ionic emulate ios), falla al crear la base de datos. el error devuelto es simplemente null. ¿Qué puede estar pasando?

Aquí está la solicitud: {\ "método":\ "PUT",\ "url":\ "http://lite.couchbase./todo",\ "withCredentials":true}y la respuesta: {"data":null,{\}"status":0,{\}"config":{\}"method":{\}"PUT",{\}"transformRequest":[null],{\}"transformResponse":[null],{\}"url":{\}"http://lite.couchbase./todo\",\"withCredentials\":true,\"headers\":{\"Accept\":\"application/json, text/plain, */*\"}},\"statusText":\"\"\"}

Inicia sesión para responder
1. Nic Raboy agosto 12, 2015 a 2:59 pm
  
  ¡Eso es raro!
  
  ¿En qué versión de iOS estás probando y qué versión de Apache Cordova? ¿Puedo confirmar que ha instalado todos los plugins necesarios DESPUÉS de añadir la plataforma iOS?
  
  Gracias,
  
  Inicia sesión para responder
  1. Josip Bosnjak marzo 7, 2016 a 4:01 pm
    
    Estoy teniendo exactamente el mismo problema. createDatabase() está siendo llamado y va a error callback, error es null.
    
    Estoy ejecutando la aplicación en Samsung Galaxy S3.
    
    Inicia sesión para responder
    1. Nic Raboy marzo 7, 2016 a 7:44 pm
      
      ¿Puede darme más información? ¿Versión de Android? ¿Cómo estás desplegando? etc.
      
      Lo mejor,
      
      Inicia sesión para responder
      1. Josip Bosnjak marzo 8, 2016 a 10:43 am
        
        Android 4.1.2. Estoy desplegando en el dispositivo usando ionic build android -> ionic run android.
        
        No obstante, por si sirve de ayuda, lo he ejecutado en el emulador de ios y funciona.
      2. Nic Raboy marzo 9, 2016 a 12:18 am
        
        Le he abierto un ticket aquí:
        
        https://github.com/couchbase/c…
        
        Lo mejor,
      3. Nic Raboy abril 12, 2016 a 6:05 pm
        
        ¿Sigues teniendo problemas con esto?
      4. Frank junio 15, 2016 a 1:13 pm
        
        Tengo el mismo problema al ejecutar la app TodoliteIonic createDatabase promise es rechazada pero el error está vacío. No puedo ver nada en el logcat aparte de mis registros antes y después de error
        Ejecutando android 4.2.2
        En otro dispositivo con 5.0.2
        Veo Fallo al cargar recurso: el servidor respondió con un estado de 403 (Prohibido)
        
        Funciona bien en android 6+
      5. Nic Raboy junio 15, 2016 a 4:45 pm
        
        Hola Frank, ¿puedes pegar el logcat completo de cada dispositivo que ha fallado? Siéntase libre de utilizar comentarios separados para cada uno.
        
        Gracias,
      6. Frank junio 15, 2016 a 5:35 pm
        
        Ahora mismo estoy lejos de mi ordenador, pero he investigado un poco más y he descubierto que en los dispositivos que fallan falta el encabezado de autorización.
        Ni idea de cómo se está configurando en los dispositivos que funcionan, pero sin duda está ahí.
        
        Enviaré mis registros tan pronto como pueda.
      7. Frank junio 16, 2016 a 2:15 pm
        
        Ok I\ he cavado en el plugin de Android y encontré esto
        
        Credenciales requestCredentials = credentialsWithBasicAuthentication(request);
        
        if (allowedCredentials != null && !allowedCredentials.empty()) {
        
        if (requestCredentials == null || !requestCredentials.equals(allowedCredentials)) {
        
        Log.d(Log.TAG_LISTENER, \"Unauthorized - requestCredentials not given or do not match allowed credentials\");
        
        response.setHeader(\"WWW-Authenticate\", \"Basic realm="Couchbase Lite\"\");
        
        response.setStatus(401);
        
        volver;
        
        ////Por alguna razón no recibimos un 401 en el dispositivo. El error devuelto es null
        
        }
        
        Log.v(Log.TAG_LISTENER, \"Autorizado mediante autenticación básica");
        
        } else {
        
        Log.v(Log.TAG_LISTENER, \"Not enforcing basic auth - allowedCredentials null or empty\");
        
        }
        
        credentialsWithBasicAuthentication(request) devuelve null en algunos dispositivos porque no se ha establecido el encabezado Basic Authorisation.
        
        No estoy configurando esto en ninguna parte. Para solucionar esto he tenido que modificar makeRequest en ng-couchbase-lite.js a
        
        makeRequest: function(method, url, params, data) {
        
        var deferred = $q.defer();
        
        var settings = {
        
        método: método,
        
        url: url,
        
        withCredentials: true,
        
        cabeceras: {
        
        \Autorización: this.auth
        
        }
        
        };
        
        if (params) {
        
        settings.params = params;
        
        }
        
        si (datos) {
        
        settings.data = datos;
        
        }
        
        $http(configuración)
        
        .success(function(result) {
        
        deferred.resolve(result);
        
        })
        
        .error(function(error) {
        
        deferred.reject(error);
        
        });
        
        return deferred.promise;
        
        }
        
        Donde this.auth es una cadena codificada en Base64 de la información devuelta por cblite.getURL
        
        Aunque esto no parece haber roto nada, me gustaría entender cómo se establece el encabezado de autorización en los dispositivos que funcionaban.
      8. Nic Raboy junio 16, 2016 a 9:34 pm
        
        Interesante...
        
        ¿Estás usando una ROM personalizada para Android por casualidad? Me pregunto si esto es una cosa Angular, menos de una cosa Couchbase. Si sus dispositivos están procesando JavaScript de manera diferente, entonces tal vez ese es el problema. ¿Qué tipo de dispositivos o emuladores estás usando para cada una de estas versiones de Android?
        
        Lo mejor,
      9. Frank junio 21, 2016 a 12:18 pm
        
        Lo siento por la respuesta tardía estado fuera :-)
        Todos los dispositivos Android tienen una ROM estándar. Estoy de acuerdo en que se parece más a un problema Angular pero no puedo ver donde la información de autenticación básica se estaba configurando.
      10. Nic Raboy junio 23, 2016 a 2:03 am
        
        Tal vez quieras llevar esto a los foros
André Miranda agosto 19, 2015 a 12:12 pm

¡Excelente tutorial!
Sirve incluso como introducción a Ionic.

Pequeño consejo: quizá añadiendo el enlace a la segunda parte del artículo sea más fácil para el lector seguirlo ;)

Inicia sesión para responder
1. Nic Raboy septiembre 2, 2015 a 4:43 pm
  
  Gracias por el consejo. He enlazado este primer artículo con el segundo de la serie :-)
  
  Inicia sesión para responder
xiger octubre 10, 2015 a 1:41 am

Hola,

¿cómo puedo averiguar la ruta de js-lib utilizado por CS?
¿Y cómo puedo añadir js-lib definido por sef a CS?

Inicia sesión para responder
1. Nic Raboy octubre 10, 2015 a 4:11 pm
  
  Estoy un poco confundido:
  
  1. ¿A qué se refiere cuando dice "js-lib"?
  2. ¿A qué "js-lib autodefinido" se refiere?
  
  Lo mejor,
  
  Inicia sesión para responder
  1. xiger octubre 12, 2015 a 1:38 am
    
    Hola,
    Quiero saber de donde viene la función js nativa .
    Y si quiero definir mis conjuntos de funciones js, los guardaré en un archivo con el nombre .js extent, ¿dónde debo poner el archivo js?
    
    Inicia sesión para responder
    1. Nic Raboy octubre 12, 2015 a 3:44 am
      
      Sigo confundido. ¿De qué función js nativa estás hablando?
      
      Por favor, sea muy descriptivo ya que me permitirá ayudarle mejor.
      
      Lo mejor,
      
      Inicia sesión para responder
      1. xiger octubre 12, 2015 a 7:29 am
        
        ej: ¿de dónde viene la función filter? ¿parseInt?
      2. Nic Raboy octubre 12, 2015 a 3:00 pm
        
        ¿Se refiere al interior del evento de cambio? En caso afirmativo, sólo nos estamos refiriendo a una propiedad concreta de los documentos NoSQL.
        
        Si se refiere a otra cosa, por favor, sea específico. Cuanta más información me facilite, mejor podré ayudarle.
        
        Saludos,
      3. xiger octubre 13, 2015 a 2:01 am
        
        Gracias.
        Y en face , quiero saber que funciones incorporadas puedo utilizar?
        ¿Existe una función integrada como "subcadena"?
        
        ¿El CS importa el underscore.js?
      4. xiger octubre 12, 2015 a 7:30 am
        
        Hola,
        ¿el cs sólo posee 10 cubos?
Anuj Shah noviembre 1, 2015 a 3:07 pm

Gracias por el tutorial.

Cuando intento ejecutar esto en mi Android 6, Nexus 5, me sale el error "invalid database" en el paso createDatabase. Puede usted por favor me ayude a averiguar lo que podría estar mal.

Gracias

Inicia sesión para responder
1. Nic Raboy noviembre 1, 2015 a 3:13 pm
  
  ¿Qué dicen sus registros completos?
  
  Inicia sesión para responder
  1. Anuj Shah noviembre 1, 2015 a 5:49 pm
    
    Perdón por la pregunta n00b Nic, pero ¿dónde puedo encontrar los registros y cómo puedo habilitarlo en el entorno iónico?
    
    Inicia sesión para responder
    1. Anuj Shah noviembre 1, 2015 a 7:13 pm
      
      Al parecer, si tengo un carácter en mayúscula en el nombre de la base de datos, falla. Cuando sólo utilizo minúsculas, ¡funciona!
      
      Inicia sesión para responder
      1. Nic Raboy noviembre 2, 2015 a 12:04 am
        
        Me alegra saber que lo has conseguido :-)
    2. Nic Raboy noviembre 2, 2015 a 12:04 am
      
      Para Android, puede ver lo siguiente para obtener información detallada del registro:
      
      https://blog.nraboy.com/2014/1…
      
      Para iOS puedes ver tus registros siguiendo estos pasos:
      
      https://blog.nraboy.com/2015/1…
      
      Lo mejor,
      
      Inicia sesión para responder
Philipp noviembre 5, 2015 a 11:49 am

Gracias por este bonito ejemplo:-) ¿Cómo puedo hacer una replicación filtrada (diferentes canales)? Por ejemplo en este método:
replicar: function(origen, destino, continuo) {
return this.makeRequest(\"POST\", this.databaseUrl + \"_replicate\", {}, {source: source, target: target, continuous: continuous});
},
¿Existe un método para filtrar la replicación? Gracias por su ayuda.

Inicia sesión para responder
1. James Nocentini noviembre 5, 2015 a 9:22 pm
  
  ¿Desea filtrar en función del usuario autenticado o como usuario invitado (es decir, no autenticado)? Puede crear usuarios y luego conceder a un usuario acceso a un conjunto de canales. En ese caso especificaría una sesión de cookie en el cuerpo de la petición del método _replicate. O podría decirle al replicador que sólo extraiga documentos de un canal en particular. Consulte la referencia de la api _replicate para ver un ejemplo del uso de la cookie de sesión. http://developer.couchbase.com…
  Aunque faltan explicaciones sobre cómo especificar los nombres de los canales. Le echaré un vistazo y te lo haré saber.
  
  Inicia sesión para responder
  1. Philipp noviembre 9, 2015 a 1:55 pm
    
    Gracias por su rápida respuesta. Sería bueno si usted puede hacer eso. Quiero sacar los documentos como usuario invitado.
    En los documentos hay un campo para los canales .. canales:[\ "user123\", \ "user1234\"].....¿Entonces la Url tiene que verse así?
    http://sync.couchbasecloud.com... . para obtener sólo los documentos del canal user123. También tengo otra pregunta, ¿puedo obtener el progreso de la extracción o una información cuando haya terminado?
    
    Inicia sesión para responder
    1. James Nocentini noviembre 12, 2015 a 11:27 am
      
      La URL que ha pegado arriba obtendría los documentos directamente de Sync Gateway. También puede indicar al replicador que solo extraiga documentos de un canal específico con el siguiente cuerpo de solicitud en el POST /_replicate (aquí, el replicador solo extraerá documentos del canal nyc:
      {
      \"query_params\": {
      \"canales": \"nyc\"
      },
      \"filter": \sync_gateway/bychannel",
      \ "source\": {
      \"url": \http://localhost:4984/sg-test/
      },
      {\i1}"objetivo".{\i} {
      \url \"cblite-test"
      }
      }
      
      Para la información sobre el progreso, existe un punto final /_active_tasks para ello http://developer.couchbase.com…
      
      Inicia sesión para responder
      1. Philpp noviembre 28, 2015 a 2:50 pm
        
        gracias:-)
      2. Philipp diciembre 11, 2015 a 9:00 am
        
        Hola James, tengo una pregunta más a la sincronización por canal:
        
        El Server Doc tiene este aspecto:
        
        {
        \"hacer clic": \"editar",
        \"Nuevo en 2.0": \"no hay nombres de campos reservados",
        \"canales": [\"nyc\"]
        }
        
        ¿Es correcto que tengo que extender la biblioteca ng-couchbase-lite.js. He extendido este método:
        
        replicar: function(parámetros_consulta, filtro, fuente, objetivo, continuo) {
        
        return this.makeRequest(\"POST\", this.databaseUrl + \"_replicate\", {}, {query_params:query_params, filter:filter, source: source, target: target, continuous: continuous});
        
        },
        
        Esta es mi réplica de Call:
        
        Database.replicate({"channels\": [\"nyc\"]}, \"sync_gateway/bychannel\" , dbName, \"http://104.155.79.21:4984/bucket_db_sync\", true).then(function(result) {
        console.log(resultado);
        Database.replicate({"channels\": [\"nyc\"]}, \"sync_gateway/bychannel\" ,\"http://XXX.XXX.XXX.XXX:4984/bucket_db_sync\", dbName, true).then(function(result) {
        console.log(resultado);
        }, function(error) {
        console.log(\"ERROR DEVICE SYNC-> \" + JSON.stringify(error));
        });
        
        No funciona, me da error:
        
        ADVERTENCIA: CBL_Pusher[http://XXX.XXX.XXX.XXX:4984/monitoring_sync]: No filter \'sync_gateway/bychannel\' (err 404)
        
        ¿Hay alguna manera mejor, que no tenga que extender la biblioteca ng-couchbase-lite.js?
        
        Gracias por su respuesta.
      3. James Nocentini diciembre 14, 2015 a 9:04 pm
        
        Si desea especificar varios canales, debe separarlos por comas en una cadena como ésta:
        
        {
        \"query_params\": {
        \"canales": \"nyc,london"
        },
        \"filter": \sync_gateway/bychannel",
        \ "source\": {
        \"url": \http://localhost:4984/sg-test/
        },
        {\i1}"objetivo".{\i} {
        \url \"cblite-test"
        }
        }
        
        ¿Funciona si cambias [\"nyc\"] por \"nyc\"? Sí, tendrás que cambiar la llamada a replicar api o crear una nueva.
Anuj Shah noviembre 6, 2015 a 12:01 pm

Hola Nic, ¿podrías dar ejemplos de cómo se añadiría un adjunto al documento y cómo se recuperaría más tarde? Cómo se haría referencia al archivo adjunto con un campo en el documento.

Gracias.

Inicia sesión para responder
1. Nic Raboy noviembre 6, 2015 a 4:00 pm
  
  Me parece una idea perfecta para otro tutorial del blog :-)
  
  Inicia sesión para responder
Mahendra Singh noviembre 30, 2015 a 5:01 am

Hola soy nuevo couchbase db con node js. por favor, dígame cómo puedo crear databse en el servidor couchdb thenn cómo puedo realizar CURD opertaion en esto.

Inicia sesión para responder
1. Nic Raboy noviembre 30, 2015 a 5:21 am
  
  Puede que quieras echar un vistazo a mi tutorial sobre la pila CEAN:
  
  https://blog.nraboy.com/2015/1…
  
  Sustituye el AngularJS (A) por una plataforma móvil si eso es lo que prefieres.
  
  Lo mejor,
  
  Inicia sesión para responder
Vikas diciembre 2, 2015 a 11:14 am

Gracias por el tutorial Nic..

Mi proyecto se construye bien sin el plugin instalado, pero después de instalar el plugin de construcción falla con el siguiente error ...

versión de cordova : 5.4.1
Versión de Ionic : 1.7.10

Inicia sesión para responder
1. Nic Raboy diciembre 2, 2015 a 2:32 pm
  
  Parece que sufres de lo que mencioné en esta sección:
  
  Resolver cualquier problema de dependencia de Gradle
  
  ¿Puede confirmar que ha seguido las instrucciones correctamente?
  
  Lo mejor,
  
  Inicia sesión para responder
  1. Vikas diciembre 3, 2015 a 4:07 am
    
    Gracias .. Eso hizo que funcionara.. :)
    
    Inicia sesión para responder
    1. Nic Raboy diciembre 3, 2015 a 4:32 am
      
      ¡Impresionante!
      
      Inicia sesión para responder
niccord diciembre 6, 2015 a 12:07 am

Hola, mi amigo y yo estamos tratando de hacer que esto funcione, pero cada vez que obtenemos "Couchbase Lite no está instalado".
Hemos seguido su guía paso a paso, pero sigue apareciendo el error.
También hemos intentado descargar el código fuente desde el repositorio github de couchbaselabs, pero el error es el mismo.

¿Qué nos estamos perdiendo?
Muchas gracias por la ayuda que nos puedan prestar.

Inicia sesión para responder
1. Nic Raboy diciembre 6, 2015 a 4:43 am
  
  ¿Puede confirmar que no está intentando utilizar ionic serve, ionic view o ionic build? ¿Puede confirmar también que no está tratando de probar a través de un navegador web? Lo pregunto porque nada de lo que he mencionado funcionará. Es necesario compilar e instalar en el dispositivo o simulador.
  
  Lo mejor,
  
  Inicia sesión para responder
  1. niccord diciembre 6, 2015 a 10:46 am
    
    Estaba intentando usar ionic serve y también la aplicación instalada en mi dispositivo android.
    
    ¿Por qué no puedo utilizar ionic serve o ionic view?
    
    Gracias
    
    Inicia sesión para responder
    1. Nic Raboy diciembre 6, 2015 a 10:01 pm
      
      Ionic serve y ionic view son alfa y en mi experiencia tienen muy poca compatibilidad con plugins.
      
      Lo mejor,
      
      Inicia sesión para responder
  2. spiraldev enero 17, 2016 a 9:56 pm
    
    Estoy recibiendo este error también. Y no estoy seguro de cómo saber si estoy usando ionic serve, ionic view, o ionic build?
    
    Inicia sesión para responder
    1. Nic Raboy enero 18, 2016 a 2:57 am
      
      Guíame a través de los pasos de cómo pruebas tu aplicación. No te saltes nada. Por favor, incluya comandos también.
      
      Lo mejor,
      
      Inicia sesión para responder
      1. Jonas Rodrigues febrero 27, 2016 a 6:51 pm
        
        Yo también tuve el mismo problema. Lo resolví mediante la eliminación de mi plataforma, en este caso, android, y añadir de nuevo. Me parece que el problema se produce cuando se agrega la plataforma antes de añadir el plugin base couche.
      2. Nic Raboy febrero 28, 2016 a 4:48 am
        
        Sí, a veces Apache Cordova se vuelve loco con el orden en que se agregan las cosas.
Frank enero 21, 2016 a 12:47 pm

Cuando ejecuto el proyecto por segunda vez, no se crean listeners, ya que sólo parece ocurrir cuando se crea la base de datos. Además, cuando la lista se rellena con la función queryView no puedo eliminar elementos porque _id no está definido.

¿Podría explicarme cómo corregir ambos problemas?

Inicia sesión para responder
Frank enero 21, 2016 a 2:06 pm

He respondido a mi propia pregunta. He detectado el código de estado 412 al crear la base de datos y he ajustado la vista de lista de tareas para incluir el valor _id.

Bonito tutorial.

Gracias

Inicia sesión para responder
1. Nic Raboy enero 21, 2016 a 3:12 pm
  
  ¡Impresionante! Me alegro de que lo hayas conseguido. Voy a hacer una revisión para corregir 412 errores en el relanzamiento de la aplicación.
  
  Inicia sesión para responder
M Argus enero 26, 2016 a 4:16 am

Hey, quiero preguntar algo, me encontré con la aplicación de trabajo, pero nada muestran en la aplicación, excepto el botón "+" y el formulario de entrada .. pero los datos no se muestran ...

Inicia sesión para responder
1. Nic Raboy enero 26, 2016 a 11:45 pm
  
  ¿Qué dicen sus registros?
  
  Inicia sesión para responder
  1. M Argus enero 27, 2016 a 2:37 am
    
    No hay error ..
    
    ¿O es que me he perdido algo?
    
    Inicia sesión para responder
    1. Nic Raboy enero 27, 2016 a 2:37 am
      
      ¿Qué plataforma utiliza y cómo lo comprueba?
      
      Inicia sesión para responder
      1. M Argus enero 27, 2016 a 2:43 am
        
        yo uso la plataforma android y comprobar con google chrome
        
        ¿puedo preguntar algo? ¿qué sintaxis para mostrar los datos?
      2. Nic Raboy enero 27, 2016 a 2:48 am
        
        Usted querrá comprobar sus registros a través de ADB, no Chrome. Usted puede leer lo siguiente para obtener más información:
        
        https://blog.nraboy.com/2014/1…
        
        Cuando tengas tus logs, por favor, pégalos en los comentarios para que pueda echarles un vistazo.
        
        Lo mejor,
      3. M Argus enero 27, 2016 a 2:59 am
        
        Hola, puede que me haya perdido algo...
        
        Me confundí donde debo poner este sintaxis ...
      4. Nic Raboy enero 27, 2016 a 3:43 pm
        
        Sí, así es como se consulta la vista que has creado. Va en su controlador.
      5. M Argus enero 29, 2016 a 7:00 am
        
        He puesto el script en mi controlador, pero cuando lo compruebo con chrome, muestra este error
        
        Nota :
        - cuando compruebo en el "ng-couchbase-lite.min.js\", hay una función "queryView\", pero no puedo llamar en el app.js
        - Ya he añadido el "ng-couchbase-lite.min.js\" por encima de la "app.js\", pero, este error todavía vienen y no puedo ejecutar el programa
      6. Nic Raboy enero 30, 2016 a 4:34 pm
        
        Este plugin utiliza código nativo, por lo que no se puede probar en un navegador web.
      7. M Argus febrero 1, 2016 a 2:51 am
        
        Estoy corriendo en el androide y el elemento de inspección en cromo utilizando depuración USB
      8. Nic Raboy febrero 1, 2016 a 3:46 pm
        
        Suena como 'todoDatabase' es nulo entonces. ¿Está seguro de que lo definió y lo hizo global?
      9. M Argus febrero 2, 2016 a 2:40 am
        
        Es una variable global, ¿verdad?
      10. Nic Raboy febrero 2, 2016 a 5:25 pm
        
        Sí, ¿puede confirmar que se carga dentro de su módulo.run ¿método?
      11. M Argus febrero 3, 2016 a 2:20 am
        
        Sí, mira la foto
        
        ¿Es eso cierto?
      12. Nic Raboy febrero 3, 2016 a 3:15 am
        
        Sí, pero ¿puedes confirmar que se ha cargado realmente? ¿El controlador que realiza la consulta es el primer controlador que se carga después del module.run? En caso afirmativo, probablemente se trate de una condición de carrera. Abrir la base de datos y configurar las vistas es asíncrono.
      13. M Argus febrero 3, 2016 a 3:43 am
        
        ¿Cómo confirmarlo?
        
        Siento preguntar algo así, todavía soy novato :)
      14. Nic Raboy febrero 3, 2016 a 3:53 pm
        
        Imprime la variable después de definirla y comprueba si es nula.
      15. M Argus febrero 4, 2016 a 2:31 am
        
        Después de imprimir el "todoDatabase", y, tienes razón. Dice "null"
        
        ¿cómo solucionarlo?
      16. Nic Raboy febrero 5, 2016 a 4:25 pm
        
        ¿Cuál estás imprimiendo? Supongo que estás haciendo lo siguiente:
        
        todoDatabase = new $couchbase(url, \"todo\");<br>console.log(todoDatabase);
        
        1
        
        todoDatabase = nuevo $couchbase(url, \"todo\");<br>consola.registro(todoDatabase);
        
        ¿Correcto?
      17. M Argus febrero 10, 2016 a 5:25 am
        
        I https://uploads.disquscdn.com/...perdón por la respuesta tardía...
        
        aquí pongo el console.log ( lo pongo después de la etiqueta de cierre \"if(!window.cblite)\")
      18. Nic Raboy febrero 10, 2016 a 6:34 pm
        
        Eso no es correcto ya que el getURL es asíncrono. Puede, y probablemente no ha, completado el proceso de inicialización.
      19. M Argus febrero 10, 2016 a 11:34 pm
        
        Ok, voy a tratar de console.log al igual que usted dice antes ?
      20. M Argus febrero 11, 2016 a 8:47 am
        
        Este es el resultado del console.log
        
        *Puse después de este código \"todoDatabase = new $couchbase(url, \"todo\");\"
        
        https://uploads.disquscdn.com/…
      21. Nic Raboy febrero 11, 2016 a 5:28 pm
        
        Sí, se ha cargado. Estás sufriendo una condición de carrera en alguna parte (intentando usar la librería antes de que se haya cargado completamente). Siendo que AngularJS y este plugin es asíncrono, tienes que seguir las reglas del diseño.
        
        Te animo a que vuelvas a comprobar el código o clones el proyecto desde GitHub.
        
        Lo mejor,
Sriram Madduri marzo 1, 2016 a 4:06 pm

hola
Estoy recibiendo queryView de error nulo

Inicia sesión para responder
chandan marzo 4, 2016 a 10:58 am

Hola Nic,
buen tutorial gracias por esto, pero tengo una pregunta ¿puedo crear vista según mi requisito no en la carga de aplicaciones.

Inicia sesión para responder
1. Nic Raboy marzo 6, 2016 a 5:27 pm
  
  Sí, puede hacerlo.
  
  Además, por si no está claro, sólo tienes que crear una vista una vez. Una vez creada, se guarda en la base de datos local y se puede consultar en cualquier momento.
  
  Lo mejor,
  
  Inicia sesión para responder
  1. chandan marzo 9, 2016 a 12:37 pm
    
    Hola Nic,
    gracias por la respuesta.
    Creo una vista en la carga de la aplicación y que la vista está funcionando correctamente, pero luego traté de crear otra vista en mi controlador (no en la carga de la aplicación) para llamar a la función mencionada a continuación
    
    $scope.createview = function() {
    var todoViews = {
    tareas: {
    map: function(doc) {
    if(doc.firstname=="Chandan\" ) {
    emit(doc._id, {nombre: doc.nombre, apellido: doc.apellido, email: doc.emailrev: doc._rev})
    }
    }.toString()
    }
    };
    todoDatabase.createDesignDocument(_design/todo\", todoViews);
    todoDatabase.listen();
    };
    
    pero devuelve el error mencionado a continuación:-
    PUT http://ad92e99d-385a-46b7-9358-5fcb44944091:40c43d4d-9fb0-484f-ba78-082bacb2208d@localhost:5984/todo/_design/todo 409 (Conflicto)
    
    por favor, cuidado.
    
    Inicia sesión para responder
    1. Nic Raboy marzo 9, 2016 a 5:08 pm
      
      Debe crear todas las vistas de un documento de diseño al mismo tiempo. El conflicto se produce porque _design/todo ya existe.
      
      Inicia sesión para responder
      1. chandan marzo 11, 2016 a 9:48 am
        
        Hola Nic,
        Gracias por esto, me ha funcionado.
        pero tengo una pregunta más, ¿por qué estamos pasando esta función de mapa a continuación como .toString().
        
        map: function(doc) {
        if(doc.firstname=="Chandan\" ) {
        emit(doc._id, {nombre: doc.nombre, apellido: doc.apellido, email: doc.emailrev: doc._rev})
        }
        }.toString()
        
        debido a esto cuando intento hacer
        var username=\"chandan\";
        
        if(doc.firstname == nombredeusuario ) {
        emit(doc._id, {nombre: doc.nombre, apellido: doc.apellido, email: doc.emailrev: doc._rev})
        }
        }.toString() no recupera mis datos.
      2. Nic Raboy marzo 11, 2016 a 4:53 pm
        
        Es posible que desee leer esto para construir su comprensión de MapReduce Views:
        
        http://docs.couchbase.com/admi…
        
        Lo mejor,
Vinh Vu abril 22, 2016 a 4:33 am

Hola Nic, soy novato con Couchbase, seguí tu tutorial pero al ejecutarlo en dispositivo el log muestra el error 412 :
No se ha podido cargar el recurso: el servidor ha respondido con el estado 412 (Precondición fallida) http://b24781df-87c6-4f08-a5a0-79a98c045265:174400da-d82c-48b4-bd70-05587e0e2fd2@localhost:598
Se que necesito crear la base de datos de todo en el servidor couchbase, pero no se como conseguir la url y el plugin para el codigo. ¿Puedes ayudarme con esto? Gracias

Inicia sesión para responder
1. Nic Raboy abril 22, 2016 a 2:11 pm
  
  ¿Has mirado el post 2 de la serie? En ese me centro en la sincronización. Post 1 es sólo cosas locales.
  
  Inicia sesión para responder
Bejoy Mathew julio 26, 2016 a 12:16 pm

He construido la aplicación para la plataforma Android, pero la aplicación está en blanco. Incluso he descargado todo el código y construido la aplicación para la plataforma Android, pero la aplicación sólo muestra el botón de inicio de sesión de invitados y haciendo clic en él no hace nada.

Inicia sesión para responder
1. Nic Raboy julio 26, 2016 a 3:24 pm
  
  ¿Qué dicen sus registros?
  
  Inicia sesión para responder
  1. Bejoy Mathew julio 27, 2016 a 8:35 am
    
    No sé cómo ver los registros, instalé la aplicación en un dispositivo físico, no en un emulador.
    
    Inicia sesión para responder
  2. Bejoy Mathew julio 27, 2016 a 8:57 am
    
    \TypeError: No se puede llamar al método 'queryView\' de null
    
    Inicia sesión para responder
  3. Bejoy Mathew julio 27, 2016 a 9:20 am
    
    \TypeError: No se puede llamar al método 'queryView\' de null
    
    Inicia sesión para responder
Bejoy Mathew julio 27, 2016 a 9:27 am

Siento poner un nuevo comentario, pero creo que la respuesta no se estaba publicando.
El registro dice: \TypeError: No se puede llamar al método 'queryView\' de null

Inicia sesión para responder
1. Nic Raboy julio 27, 2016 a 2:08 pm
  
  Significa que todoDatabase no se ha establecido. ¿Puede comprobar en el método de ejecución para asegurarse de que se está configurando? Me refiero a comprobar mediante la adición de algunas salidas de la consola.
  
  Inicia sesión para responder
  1. Bejoy Mathew julio 27, 2016 a 3:57 pm
    
    Sí, lo tengo funcionando, gracias por la ayuda.
    
    Inicia sesión para responder
Sincronización de datos con Couchbase en aplicaciones móviles híbridas Ionic 2 - The Couchbase Blog febrero 14, 2017 a 2:39 pm

[...] año escribí sobre el uso de Couchbase Mobile en una aplicación móvil de Ionic Framework. Por aquel entonces usábamos Ionic Framework 1.0 y AngularJS 1.0. La tecnología ha cambiado a lo largo del [...]

Inicia sesión para responder
Almacenamiento y sincronización entre plataformas con Ionic Framework, Couchbase y PouchDB - El blog de Couchbase mayo 4, 2017 a 10:46 am

[...] Escribí sobre cómo usar Couchbase en una aplicación móvil Android e iOS de Ionic Framework, pero hacía uso de Couchbase Lite como base de datos NoSQL embebida. Esta vez vamos a [...]

Inicia sesión para responder