Ich habe eine einfache angular2-Anwendung, und ich möchte eine mobile App für diese App mit Cordova erstellen. Wie kann ich diese Web App in eine mobile App umwandeln, ohne ionic und nativeScrypte zu verwenden?konvertiert eckig 2 Web-App auf mobile App
Antwort
Unabhängig davon, welche Quelle Sie übertragen haben, kopieren Sie sie in den www-Ordner von cordova.
Ich werde dies in Bezug auf Angular CLI erklären.
Ich erstellte zwei Projekte, eine Angular CLI & eine Cordova.
In Angular CLI Konfig json, ich hielt Produktion o/p Dir -> Cordova www Verzeichnis.
Dann, wann immer ich baue --prod, es automatisch hält die transpiled src in cordova www & Dann in der Lage, eine Cordova bauen.
Um den Prozess zu vereinfachen, schrieb ich 1 Cordova-Haken, der vor cordova build/run baut.
const fs = require('fs');
const execSync = require('child_process').execSync;
module.exports = function(context) {
const basePath = context.opts.projectRoot;
const baseWWW = basePath + '/www';
process.chdir('../bmi-surgical-app');
console.log(`New directory: ${process.cwd()}`);
execSync("ng build --prod --base-href .",{stdio:[0,1,2]});
var files = fs.readdirSync(baseWWW);
for (var i = 0; i < files.length; i++) {
if (files[i].endsWith('.gz')) {
fs.unlinkSync(baseWWW + '/' + files[i]);
}
}
fs.writeFileSync(baseWWW + '/.gitignore', `# Ignore everything in this directory
*
# Except this file
!.gitignore
`);
};
es funktioniert, aber die mobile app ist immer in laden es nicht anythings, – kasri
es funktioniert, aber die mobile app ist immer in laden es keine dinge anzeigen, es zeigt keine daten, die meine appcompanents enthält – kasri
Öffnen browser-konsole und überprüfen error console welcher fehler es anzeigt ... ich schätze ihr fehler ist nicht richtig basis href –
- 1. test tablet mobile webapp
- 2. Bundeled eckig 2 app mit express
- 3. eckig 2 App-Komponente nicht geladen
- 4. eckig 2 OpaqueToken
- 5. eckig 2 Leaflet dynamische Bindung auf Popup
- 6. Code-Sharing in Natives Skript + eckig 2
- 7. kendo eckig 2 Gitterstile
- 8. Link zu Merkzettel in ionic 2 und eckig hinzufügen 2
- 9. Ionic 2 Mobile App nicht ausblenden Adressleiste auf Deploy
- 10. eckig 2 RC4 Komponente erstellen
- 11. Build-Mobile App - Angular 2 + Cordova
- 12. eckig 2 img breite setzt auf 0
- 13. eckig 2 auf einem Computer ohne Internet
- 14. eckig 2 routerLink funktioniert nicht auf revisit
- 15. using eckig 2 HTTP-Client in es5
- 16. eckig 2 ng-Bootstrap modal
- 17. eckig 2 Umleitung mit router.navigate
- 18. eckig 2 System.import Ausgabe
- 19. eckig 2 Namensraummodell
- 20. Syntax * ngFor = '...' eckig 2
- 21. eckig 2: queryParams onInit
- 22. eckig 2 sequentielle Rohre
- 23. eckig 2: erweitern Antwortklasse
- 24. eckig 2 http withCredentials
- 25. eckig 2 xampp server
- 26. eckig 2 + MDL leere Seiten
- 27. eckig 2 Firebase Dropdown-Selektor
- 28. eckig 2 ionische 2 handling-ereignisse auf keypress
- 29. asp.net Kern, eckig 2, PrimeNG
- 30. Wie kann ich feststellen, ob meine App von eckig 2 nach eckig 4 erfolgreich war?
Mögliche Duplikat [Drehen Angular JS 2 app in mobile app] (http://stackoverflow.com/questions/37649500/turn-angular-js-2-app-into-mobile-app) – ishandutta2007