mobile - software - tipos de aplicaciones web
¿Cómo usar el Marco Iónico para el Desarrollo de Aplicaciones Web? (6)
¿Es posible usar frameworks iónicos para aplicaciones Web regulares en lugar de usarlo en Cordova?
Dependiendo de la complejidad de la aplicación, es absolutamente posible utilizar el Marco Iónico para aplicaciones web regulares.
Cuando crea su aplicación, hay una carpeta /www que contiene todo su HTML, JS y CSS. Esa es la interfaz de tu aplicación web.
La mayoría de las aplicaciones web son interfaces simples que acceden a los datos con solo un poco de lógica en el medio. En la mayoría de los casos, puede poner esa lógica en su JS y dejar que los clientes manejen la carga de trabajo.
Los datos pueden manejarse con una solución Backend-as-a-Service (BaaS) como Firebase o Parse . Me gusta Firebase porque se relaciona muy bien con Angular e Ionic.
Si necesita conectarse a servicios que requieren confidencialidad, como pagos con tarjeta de crédito, puede conectarse a un servicio como Zapier .
Para el alojamiento hay una serie de proveedores de aplicaciones estáticos que han aparecido específicamente para aplicaciones sin servidor. Prefiero el Divshot a pesar de que ya no parecen estar promocionando nuevas funciones.
Las soluciones que he resumido aquí lo ayudarán a mantener la coherencia entre plataformas que hace que Ionic sea genial.
Esto es posible si incluye los componentes de www / lib / - Esta carpeta contiene el núcleo de iónico (el marco iónico + angularjs) y puede continuar desde allí.
Sin embargo, es importante tener en cuenta que iónica se construyó encima de angularjs, específicamente con el móvil en mente. Para obtener mejores resultados en el desarrollo de aplicaciones web, debe considerar usar core angulars (para la funcionalidad) y bootstrap3 (para la interfaz de usuario).
Nuestra opción para aplicaciones móviles híbridas es el marco iónico, sin embargo, para las aplicaciones web, la parte frontal no está en el marco iónico.
Por ejemplo, hacemos la parte de la aplicación web en UI Angular o Kendo pura para AngularJS UI Angular .
Es más eficiente cuando el mismo equipo puede ser productivo en ambas plataformas (móvil y web).
Espero eso ayude.
Orane tiene razón.
Cuando "nodo app.js" su aplicación ejecuta un servidor. Necesitamos proporcionar este servidor con todos los archivos que queremos. Con la aplicación iónica , básicamente es la carpeta www . En el siguiente ejemplo, coloco todo el contenido de la carpeta www en mi carpeta pública .
Mi carpeta raíz tiene el archivo app.js y la carpeta pública . Así es como se ve app.js :
var express = require(''express'');
var app = express();
var server = require(''http'').createServer(app);
app.get(''/'', function (request, response) {
response.sendFile(__dirname + "/public/index.html");
});
app.use(express.static(__dirname, ''public''));
En la carpeta pública tengo todos frontend css y js. Incluimos toda la carpeta pública en el código anterior. Ahora en index.html of public Deberías incluir archivos con public / , como este:
<script src="public/lalala.js"></script>
Todo lo mejor, cualquiera, no dude en preguntar algo sobre Node.js + Ionic Framework
Si bien no creo que haya mucho apoyo para nada más que las aplicaciones web híbridas en Ionic, puede consultar Mobile Angular UI para obtener una alternativa muy similar con soporte para la web móvil.
V2
Ionic ahora es compatible con PWA (aplicaciones web) y el soporte para computadoras de escritorio llega demasiado pronto
Ionic build browser
V1
Ionic se puede utilizar para el desarrollo web regular. Si todo lo que necesitas es un desarrollador web, detente aquí. Pero si desea que su aplicación y web se publiquen desde la misma base de código, lea más
Paso 1
Cree una copia de index.html dentro de las fusiones / navegador / (las fusiones se encuentran en el nivel raíz, es decir, myApp) incluyen
<script>
var is_browser = true
</script>
&
<body ng-app="myApp" class="platform-website">
Paso 2
Elimine los archivos js innecesarios como cordova.js de index.html
Paso 3
agregar en app.js
var is_app = (typeof is_browser === ''undefined'' && !ionic.Platform.is(''browser'')
&& ionic.Platform.isWebView());
Ahora usa css hide / show o angular hide / show usando estos