HTML5 mobile website naar native android app
Ik ben voor school bezig om een app te maken voor android maar ik had dit eerst in combinatie met PHP gemaakt als hybride mobile website
vervolgens heb ik geprobeerd om dit met Phonegap om te zetten naar een native app maar helaas krijg ik de melding dat ik een index.html moet gebruiken ( dus geen .php extensie ) en dat is ook niet meer dan logisch want voor php heb je een server nodig. Maar hoe doen andere apps dit en is er niet een manier waarop ik dit toch kan omzetten? want met de php zorg ik nu voor de routing etc... en ik neem aan dat je voor een app geen aparte html pagina's gaat maken toch?
Thanks for the help/tips alvast :)
Dan kan je toch met .htaccess de php extentie omzetten naar html?
Is dan je probleem opgelost?
Volgens mij was het zoiets als:
Hmm nee php wordt gebruikt enkel voor de routing. Het problerm is dat phonegap een index.html wil maar ik weet nu niet of het zo is dat ik php kan gebruiken. Ik kan me herrinerrn dat er een tool was om een webpagina als app om te zetten en dat het eigenlijk nog steeds een websitr is kan alleen niet herinneren hoe deze heet.. Dus als iemand het weet
Dat gaat helaas niet in Phonegap. Phonegap maakt ergens een map 'assets' aan. Hier komt de website in te staan. Dit kunnen alleen HTML bestanden zijn. Wat je moet doen is data opvragen d.m.v. ajax. Dus op je server een PHP bestand die bijvoorbeeld een JSON teruggeeft. En deze met Ajax ophalen.
hmm en hoe onderscheid ik php dan van de rest zodat er geen php in de app zelf aan te pas komt? ( qua code dan )
P.S. Je bedoelt een hybrid app
Hmm @Jaron nee ik moet een hybrid app ( dus browser app ) omzetten in een native app ( wat met html5 en jQuery etc gemaakt is ) zonder behulp van JAVA. Eclipse icm Java gebruik ik momenteel ook voor JAVA development maar helaas kan ik dit hierbij niet gebruiken omdat ik me aan bepaalde eisen moet houden.
hmm dat lijkt een beetje uitgestorven als ik zo naar de reacties en releases kijk..
als het maar werkt, toch?
ik heb nu het volgende en ik krijg ook resultaat maar hoe kan ik ervoor zorgen dat de links op de website niet voor een nieuwe request zorgen?
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Reshad Farid</title>
</head>
<body>
<div class="result">
</div>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js" type="text/javascript"></script>
<script>
$.ajax({
url: 'http://m.reshadfarid.nl',
success: function(data) {
$('.result').html(data);
}
});
</script>
</script>
</body>
</html>
<html>
<head>
<meta charset="UTF-8">
<title>Reshad Farid</title>
</head>
<body>
<div class="result">
</div>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js" type="text/javascript"></script>
<script>
$.ajax({
url: 'http://m.reshadfarid.nl',
success: function(data) {
$('.result').html(data);
}
});
</script>
</script>
</body>
</html>
Gewijzigd op 24/10/2012 23:06:25 door Reshad F
http://venturebeat.com/2012/10/23/huge-news-php-developers-can-now-design-build-and-publish-mobile-apps-right-in-zend-studio/
En als je het met jQuery gaat doen, kijk dan eens naar jQuery mobile.
Reshad, misschien leuk nieuws voor jou: En als je het met jQuery gaat doen, kijk dan eens naar jQuery mobile.
@WouterJ dit is geweldig! maar ik zie geen download linkje staan ergens voor de IDE.. is er al een release of ..?
@phpnuker die had ik al gevonden inderdaad en gebruikt ook,, weet niet of deze goedgekeurd wordt maar hoop het wel :)