Estoy intentando configurar la API de openrainbow en mi aplicación AngularJS con ASP.NET MVC. Hay dos formas de configurar y conectarse con la API de openrainbow. Con AngularJS y Sin AngularJS
Lo he configurado sin AngularJS y está funcionando perfectamente. Pero quiero configurarlo y conectarme con AngularJS.
A continuación se muestra el código que estoy usando de la Documentación API.
Controlador AngularJS
var sample = angular.module("sample", ["sdk"]);
sample.controller("sampleController", [
"rainbowSDK",
function(sdk) {
"use strict";
var onReady = function onReady() {
console.log("[DEMO] :: Rainbow SDK is ready!");
};
var onLoaded = function onLoaded() {
console.log("[DEMO] :: Rainbow SDK has been loaded!");
sdk.initialize().then(function() {
console.log("[DEMO] :: Rainbow SDK is initialized!");
}).catch(function() {
console.log("[DEMO] :: Something went wrong with the SDK...");
});
};
$rootScope.$on(sdk.RAINBOW_ONREADY, onReady);
$rootScope.$on(sdk.RAINBOW_ONLOADED, onLoaded);
}
]);
VISTA HTML
<!DOCTYPE html>
<html ng-controller="sampleController">
<head>
<title>OpenRainbow API</title>
</head>
<body>
<script src="//api.openrainbow.com/sdk/web/libs/loader-sdk.min.js" data-main="./config.json"></script>
</body>
</html>
archivo config.json
{
"libraries": {
"prerequisites": [
"//code.jquery.com/jquery-2.1.3.min.js",
"//cdn.jsdelivr.net/momentjs/2.15.1/moment-with-locales.min.js",
"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.7/angular.min.js"
],
"sdk": {
"official": [
"//api.openrainbow.com/sdk/web/libs/vendors-sdk.min.js",
"//api.openrainbow.com/sdk/web/libs/rainbow-sdk.min.js"
],
"default": "official"
},
"after": [
]
},
"app": {
"bootstrap": "sample",
"key": {
"appID":"",
"appSecret":""
},
"js": [
"./src/js/sdkSampleApp.js",
"./src/js/components/connection/connectionCmp.js"
],
"css": [
"src/styles/sdkSampleApp.css",
"src/js/components/connection/connectionCmp.css"
]
},
"settings": {
"verboseLog": true,
"disableCache": true,
"enableLoader": true
}
}
Salida de consola:
El atributo principal de datos no está cargando el config.json archivo de la ruta. La ruta del archivo es correcta ya que el archivo existe en esa ruta.
Respuestas
1 para la respuesta № 1Bueno, utilicé la siguiente manera para que funcione. En mi proyecto s web.config
archivo, he añadido las siguientes líneas para Tipos mime para permitir todos los archivos JSON. Ahora está funcionando perfectamente bien.
<system.webServer>
<staticContent>
<mimeMap fileExtension=".json" mimeType="application/json; charset=utf-8" />
</staticContent>
</system.webServer>
Salida de consola: