Skip to content

cordova.md

Latest commit

 

History

History
executable file
·
66 lines (56 loc) · 1.46 KB

cordova.md

File metadata and controls

executable file
·
66 lines (56 loc) · 1.46 KB
Raw

Phonegap Cordova

Instalación

https://cordova.apache.org/

# DOWNLOAD
npm install -g cordova
# CREATE PROJECT
cordova create [PATH]
# ADD PLATFORM
cordova platform add android
# ADD PLUGINS
cordova plugin add cordova-plugin-whitelist
cordova plugin add cordova-plugin-inappbrowser
# TEST
cordova run android --device

config.xml

<access origin="[URL]" />
<allow-navigation href="[URL]/*"/>

Crear App que solo redirecciona a una web

<head>
    <!-- https://stackoverflow.com/a/38325627/2075591 -->
    <meta http-equiv="Content-Security-Policy" content="default-src * 'unsafe-inline' gap:; style-src 'self' 'unsafe-inline'; media-src *"/>    
    
    <style>
        html, body{
            margin: 0;
        }
        iframe{
            border: none;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }
    </style>
</head>

<iframe id="iframe" src="[URL]"></iframe>

<script>
    // INICIAR WEB EN UN IFRAME
    $("#iframe").on('load', function () {
        var webApp = $("iframe")[0].contentWindow;

        // INYECTAR CORDOVA EN EL IFRAME    
        webApp.cordova = window.cordova;

        // ABRIR LINKS EXTERNOS '_blank' EN EL NAVEGADOR FUERA DE LA APP
        webApp.$('a[target=_blank]').click(function (e) {
            e.preventDefault();
            webApp.cordova.InAppBrowser.open($(this).attr('href'), '_system');
        });
    });
</script>