{"id":17890,"date":"2020-07-14T17:00:40","date_gmt":"2020-07-14T16:00:40","guid":{"rendered":"http:\/\/www.puship.com\/?page_id=17890"},"modified":"2020-09-10T11:37:25","modified_gmt":"2020-09-10T10:37:25","slug":"cordova-cli","status":"publish","type":"page","link":"https:\/\/www.puship.com\/it\/cordova-cli\/","title":{"rendered":"Cordova CLI (Esempio)"},"content":{"rendered":"\n<p>Questa guida mostra come creare un\u2019applicazione (android, iOS e windows) che supporta le notifiche push di&nbsp;<strong>Puship<\/strong>&nbsp;attraverso la piattaforma Cordova Command-Line Interface.<br>Prima di creare l\u2019applicazione devi assicurarti di aver configurato correttamente la CLI con gli sdk per le piattaforme che desideri supportare (puoi trovare una guida con la CLI Cordova a&nbsp;<a href=\"https:\/\/cordova.apache.org\/docs\/en\/latest\/guide\/cli\/index.html\" target=\"_blank\" rel=\"noreferrer noopener\">questo link<\/a>).<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<ol><li>Vai sulla directory dove vuoi mantenere il codice sorgente e lancia il seguente comando per creare il progetto:<\/li><\/ol>\n\n\n\n<div style=\"height: 250px; position:relative; margin-bottom: 50px;\" class=\"wp-block-simple-code-block-ace remove50pxfromcode\"><div style=\"position:absolute;top:-20px;right:0px;cursor:pointer\" class=\"copy-simple-code-block\"><svg aria-hidden=\"true\" role=\"img\" focusable=\"false\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewbox=\"0 0 20 20\" class=\"dashicon dashicons-admin-page\"><path d=\"M6 15V2h10v13H6zm-1 1h8v2H3V5h2v11z\"><\/path><\/svg><\/div><pre class=\"wp-block-simple-code-block-ace\" style=\"position:absolute;top:0;right:0;bottom:0;left:0\" data-mode=\"javascript\" data-theme=\"monokai\" data-fontsize=\"14\" data-lines=\"Infinity\" data-showlines=\"true\" data-copy=\"true\">cordova create puship com.puship.example Puship\n\/\/il primo parametro (puship) definisce il nome della cartella del progetto\n\/\/il secondo parametro (com.puship.example) definisce il package del progetto\n\/\/il terzo parametro (Puship) definisce il nome dell'applicazione<\/pre><\/div>\n\n\n\n<ol start=\"2\"><li>Posizionati sulla cartella del progetto appena creato e lancia il seguente comando per installare il plugin puship:<\/li><\/ol>\n\n\n\n<div style=\"height: 250px; position:relative; margin-bottom: 50px;\" class=\"wp-block-simple-code-block-ace remove50pxfromcode\"><div style=\"position:absolute;top:-20px;right:0px;cursor:pointer\" class=\"copy-simple-code-block\"><svg aria-hidden=\"true\" role=\"img\" focusable=\"false\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewbox=\"0 0 20 20\" class=\"dashicon dashicons-admin-page\"><path d=\"M6 15V2h10v13H6zm-1 1h8v2H3V5h2v11z\"><\/path><\/svg><\/div><pre class=\"wp-block-simple-code-block-ace\" style=\"position:absolute;top:0;right:0;bottom:0;left:0\" data-mode=\"javascript\" data-theme=\"monokai\" data-fontsize=\"14\" data-lines=\"Infinity\" data-showlines=\"true\" data-copy=\"true\">cordova plugin add puship-plugin<\/pre><\/div>\n\n\n\n<ol start=\"3\"><li>Aggiungi il codice seguente nel metodo&nbsp;<em>onDeviceReady<\/em>&nbsp;del file&nbsp;<em>js\/index.js<\/em>:<\/li><\/ol>\n\n\n\n<div style=\"height: 250px; position:relative; margin-bottom: 50px;\" class=\"wp-block-simple-code-block-ace remove50pxfromcode\"><div style=\"position:absolute;top:-20px;right:0px;cursor:pointer\" class=\"copy-simple-code-block\"><svg aria-hidden=\"true\" role=\"img\" focusable=\"false\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewbox=\"0 0 20 20\" class=\"dashicon dashicons-admin-page\"><path d=\"M6 15V2h10v13H6zm-1 1h8v2H3V5h2v11z\"><\/path><\/svg><\/div><pre class=\"wp-block-simple-code-block-ace\" style=\"position:absolute;top:0;right:0;bottom:0;left:0\" data-mode=\"javascript\" data-theme=\"monokai\" data-fontsize=\"14\" data-lines=\"Infinity\" data-showlines=\"true\" data-copy=\"true\">onDeviceReady: function() {\n    app.receivedEvent('deviceready');\n    \n    const push = PushNotification.init({\n    \tandroid: {\n    \t},\n        browser: {\n            pushServiceURL: 'http:\/\/push.api.phonegap.com\/v1\/push'\n        },\n    \tios: {\n    \t\talert: \"true\",\n    \t\tbadge: \"true\",\n    \t\tsound: \"true\"\n    \t},\n    \twindows: {}\n    });\n    \n    push.on('registration', (data) => {\n    \t\/\/alert(\"registrationid: \" + data.registrationId);\n    \t\n    \t\/\/CODE TO ADD\n    \t\/\/Puship.EnableLog(true);\n    \tPuship.Register(\n        \tdata.registrationId,\n        \t'YOUR-PUSHIP-APP-CODE',\n        \t{\n        \t\tsuccessCallback: function (pushipresult) {\n        \t\t\talert(\"device registered with DeviceId:\" + pushipresult.DeviceId());\n        \t\t},\n        \t\tfailCallback: function (pushipresult) {\n        \t\t\talert(\"error during registration: \"+ JSON.stringify(pushipresult));\n        \t\t}\n        \t}\n        );\n    \n    });\n    \n    push.on('notification', (data) => {\n        alert(JSON.stringify(data));\n    \t\/\/ data.message,\n    \t\/\/ data.title,\n    \t\/\/ data.count,\n    \t\/\/ data.sound,\n    \t\/\/ data.image,\n    \t\/\/ data.additionalData\n    });\n    \n    push.on('error', (e) => {\n    \t\/\/ e.message\n    });\n},<\/pre><\/div>\n\n\n\n<ol start=\"4\"><li>Segui la <a href=\"https:\/\/www.puship.com\/it\/documentazione\/server\/#ApplicationCreation\">guida a questo link<\/a> per creare una nuova applicazione nel\u00a0<a href=\"http:\/\/www.puship.com\/it\/membri\/\">Puship Manager<\/a>\u00a0per ottenere il Puship App ID e sostituisci \u201cYOUR-PUSHIP-APP-CODE\u201d presente nello script sopra.<\/li><li>Attiva il servizio di notifica che necessiti seguendo le guide\u00a0<a href=\"http:\/\/www.puship.com\/it\/documentazione\/server\/#AppleStore\">Apple<\/a>,\u00a0<a href=\"http:\/\/www.puship.com\/it\/documentazione\/server\/#GoogleStore\">Google Play<\/a>\u00a0e\u00a0<a href=\"http:\/\/www.puship.com\/it\/documentazione\/server\/#WPStore\">Microsoft Store<\/a>.<\/li><\/ol>\n\n\n\n<ol start=\"6\"><li>Lancia il comando per aggiungere le piattaforme che stai supportando:<\/li><\/ol>\n\n\n\n<div style=\"height: 250px; position:relative; margin-bottom: 50px;\" class=\"wp-block-simple-code-block-ace remove50pxfromcode\"><div style=\"position:absolute;top:-20px;right:0px;cursor:pointer\" class=\"copy-simple-code-block\"><svg aria-hidden=\"true\" role=\"img\" focusable=\"false\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewbox=\"0 0 20 20\" class=\"dashicon dashicons-admin-page\"><path d=\"M6 15V2h10v13H6zm-1 1h8v2H3V5h2v11z\"><\/path><\/svg><\/div><pre class=\"wp-block-simple-code-block-ace\" style=\"position:absolute;top:0;right:0;bottom:0;left:0\" data-mode=\"javascript\" data-theme=\"monokai\" data-fontsize=\"14\" data-lines=\"Infinity\" data-showlines=\"true\" data-copy=\"true\">cordova platform add android\n\/\/The platform parameter can be android or ios<\/pre><\/div>\n\n\n\n<ol start=\"7\"><li>Lancia il comando di build per tutte le piattaforme aggiunte:<\/li><\/ol>\n\n\n\n<div style=\"height: 250px; position:relative; margin-bottom: 50px;\" class=\"wp-block-simple-code-block-ace remove50pxfromcode\"><div style=\"position:absolute;top:-20px;right:0px;cursor:pointer\" class=\"copy-simple-code-block\"><svg aria-hidden=\"true\" role=\"img\" focusable=\"false\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewbox=\"0 0 20 20\" class=\"dashicon dashicons-admin-page\"><path d=\"M6 15V2h10v13H6zm-1 1h8v2H3V5h2v11z\"><\/path><\/svg><\/div><pre class=\"wp-block-simple-code-block-ace\" style=\"position:absolute;top:0;right:0;bottom:0;left:0\" data-mode=\"javascript\" data-theme=\"monokai\" data-fontsize=\"14\" data-lines=\"Infinity\" data-showlines=\"true\" data-copy=\"true\">cordova build<\/pre><\/div>\n\n\n\n<ol start=\"8\"><li>Per avviare l\u2019applicazione<ul><li><strong>Android<\/strong>: lancia il comando&nbsp;<strong>cordova run android<\/strong><\/li><li><strong>iOS<\/strong>: lancia il comando&nbsp;<strong>cordova run ios<\/strong><\/li><li><strong>Windows<\/strong>: lancia il comando&nbsp;<strong>cordova run windows<\/strong><\/li><\/ul><\/li><\/ol>\n\n\n\n<p>Ad applicazione avviata dovresti visualizzare il messaggio \u201c<strong>device registered with&#8230;<\/strong>\u201d. Puoi ora connetterti al&nbsp;<a href=\"http:\/\/www.puship.com\/it\/membri\/\">Puship Manager<\/a>&nbsp;e inviare notifiche push ai tuoi device!<\/p>\n\n\n\n<div style=\"height:75px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p><strong><strong>Nota bene<\/strong>:<\/strong><\/p>\n\n\n\n<ul><li>Le notifiche push non sono supportate sull\u2019emulatore ios.<\/li><li>Le notifiche push sono supportate su emulatore android ma \u00e8 necessario un setup particolare dell\u2019emulatore, \u00e8 quindi consigliato testare su device reale.<\/li><li>Se vuoi integrare il servizio di notifiche push ad un progetto esistente parti dal punto 2<\/li><\/ul>\n\n\n\n<p>Di seguito sono disponibili dei video che spiegano passo passo come creare un\u2019applicazione e attivare le notifiche push con Puship per Android e per iOS:<\/p>\n\n\n\n<div class=\"wp-block-columns\">\n<div class=\"wp-block-column\">\n<center><br><iframe loading=\"lazy\" width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/O3e3xSeeeiQ\" frameborder=\"0\" allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen=\"\"><\/iframe><\/center>\n<\/div>\n\n\n\n<div class=\"wp-block-column\">\n<center><br><iframe loading=\"lazy\" width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/9D0f6rGzo3M\" frameborder=\"0\" allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen=\"\"><\/iframe><\/center>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"has-text-align-center\">Di seguito trovi un esempio di progetto gi\u00e0 configurato e con vari esempi di utilizzo dei metodo Puship, puoi anche clonarlo e partire da questo<\/p>\n\n\n\n<p style=\"text-align: center;\"><a  itemprop=\"url\" href=\"https:\/\/github.com\/Puship\/cordova-puship-start\" target=\"_self\"  class=\"qbutton  default\" style=\"\">Complete CLI Example<\/a><\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"has-text-align-center\">Per poter invece conoscere dettagliatamente come aggiungere tags, gestire la geolocalizzazione e tutto ci\u00f2 che riguarda il resto delle api puship visita la documentazione comune per tutte le piattaforme:<\/p>\n\n\n\n<p style=\"text-align: center;\"><a  itemprop=\"url\" href=\"http:\/\/www.puship.com\/documentation\/common-library-documentation\/\" target=\"_self\"  class=\"qbutton  default\" style=\"\">Common library documentation<\/a><\/p>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Questa guida mostra come creare un\u2019applicazione (android, iOS e windows) che supporta le notifiche push di&nbsp;Puship&nbsp;attraverso la piattaforma Cordova Command-Line Interface.Prima di creare l\u2019applicazione devi assicurarti di aver configurato correttamente la CLI con gli sdk per le piattaforme che desideri supportare (puoi trovare una guida&#8230;<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/www.puship.com\/it\/wp-json\/wp\/v2\/pages\/17890\/"}],"collection":[{"href":"https:\/\/www.puship.com\/it\/wp-json\/wp\/v2\/pages\/"}],"about":[{"href":"https:\/\/www.puship.com\/it\/wp-json\/wp\/v2\/types\/page\/"}],"author":[{"embeddable":true,"href":"https:\/\/www.puship.com\/it\/wp-json\/wp\/v2\/users\/3\/"}],"replies":[{"embeddable":true,"href":"https:\/\/www.puship.com\/it\/wp-json\/wp\/v2\/comments\/?post=17890"}],"version-history":[{"count":15,"href":"https:\/\/www.puship.com\/it\/wp-json\/wp\/v2\/pages\/17890\/revisions\/"}],"predecessor-version":[{"id":18304,"href":"https:\/\/www.puship.com\/it\/wp-json\/wp\/v2\/pages\/17890\/revisions\/18304\/"}],"wp:attachment":[{"href":"https:\/\/www.puship.com\/it\/wp-json\/wp\/v2\/media\/?parent=17890"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}