<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>base &#8211; SMsoft &#8211; informatica e dintorni</title>
	<atom:link href="https://blog.smsoft.it/tag/base/feed/" rel="self" type="application/rss+xml" />
	<link>https://blog.smsoft.it</link>
	<description>consigli settimanali su MacOS, GNU/Linux ed Open Source</description>
	<lastBuildDate>Mon, 25 Nov 2024 13:29:35 +0000</lastBuildDate>
	<language>it-IT</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=94843</generator>
	<item>
		<title>ionic: creare una preview web di un&#8217;applicazione mobile</title>
		<link>https://blog.smsoft.it/2024/09/17/ionic-creare-una-preview-web-di-unapplicazione-mobile/</link>
					<comments>https://blog.smsoft.it/2024/09/17/ionic-creare-una-preview-web-di-unapplicazione-mobile/#respond</comments>
		
		<dc:creator><![CDATA[admin]]></dc:creator>
		<pubDate>Tue, 17 Sep 2024 08:30:00 +0000</pubDate>
				<category><![CDATA[Ionic]]></category>
		<category><![CDATA[base]]></category>
		<category><![CDATA[build]]></category>
		<category><![CDATA[dist]]></category>
		<category><![CDATA[ionic]]></category>
		<category><![CDATA[vuejs]]></category>
		<guid isPermaLink="false">https://blog.smsoft.it/?p=6460</guid>

					<description><![CDATA[Ionic è uno dei vari framework mobile multipiattaforma che permette di sviluppare la propria applicazione con Angular, VueJS o React. Tra le varie funzionalità. permette di avviare un piccolo server in locale dotato di hot-reload e poter sviluppare/testare l&#8217;applicazione direttamente nel browser. Ora non mi voglio dilungare sulle funzionalità o sul funzionamento, ma solo parlare ... <a title="ionic: creare una preview web di un&#8217;applicazione mobile" class="read-more" href="https://blog.smsoft.it/2024/09/17/ionic-creare-una-preview-web-di-unapplicazione-mobile/" aria-label="Per saperne di più su ionic: creare una preview web di un&#8217;applicazione mobile">Leggi tutto</a>]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph"><a href="https://ionicframework.com/" target="_blank" rel="noreferrer noopener">Ionic</a> è uno dei vari framework mobile multipiattaforma che permette di sviluppare la propria applicazione con Angular, VueJS o React. Tra le varie funzionalità. permette di avviare un piccolo server in locale dotato di hot-reload e poter sviluppare/testare l&#8217;applicazione direttamente nel browser.</p>



<p class="wp-block-paragraph">Ora non mi voglio dilungare sulle funzionalità o sul funzionamento, ma solo parlare di cosa ho riscontrato tentando di fare una build del codice e caricandolo in uno spazio web per poter far testare da remoto durante lo sviluppo. Il comando che permette di creare il codice della build è:</p>



<pre class="wp-block-code"><code>ionic build prod</code></pre>



<p class="wp-block-paragraph">Viene creata una cartella chiamata <strong>dist</strong> in cui troverete tutto il codice; se si carica il codice nella webroot del server non ci saranno problemi, ma se lo caricate in una sottocartella, verrà semplicemente mostrata una pagina bianca. Questo perché è necessario istruire <strong>vite</strong> (che si occupa di creare la build) che il codice andrà in una sottocartella. Ipotizziamo che la cartella si dovrà chiamare <strong>AppMe</strong>, bisognerà inserire nel file <strong>vite.config.ts</strong> la seguente riga:</p>



<pre class="wp-block-code"><code>base: '/AppMe/',</code></pre>



<p class="wp-block-paragraph">subito sotto <strong>defineConfig</strong>, per avere una cosa del genere:</p>



<pre class="wp-block-code"><code>export default defineConfig({
base: '/AppMe/',</code></pre>



<p class="wp-block-paragraph">Bene, ora sarà possibile fare la build e poi caricare i file nella sottocartella dello spazio web.</p>



<p class="wp-block-paragraph">enjoy!</p>
]]></content:encoded>
					
					<wfw:commentRss>https://blog.smsoft.it/2024/09/17/ionic-creare-una-preview-web-di-unapplicazione-mobile/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
