Среда поддержки приложения Cordova в Win Phone 8.1
Я новичок в Phone GAP и хочу развернуть мое портированное приложение из PHP, Google CloudSQL, чтобы выиграть Phone Store 8.1. Я разработал веб-приложение с использованием Cordova со следующими требованиями
Front End: PhoneGap (Cordova) — HTML, JQUERY (предоставляется онлайн-поддержка jquery).
Back End: Google Cloud SQL-доступ через PHP с использованием Jquery AJAX Call.
Для поддержки Win Phone 8.1 мне нужно загрузить в Win Phone App Store.
Должен ли я использовать Разрыв телефона для Win Mobile или Любая другая технология, так как я хочу, чтобы это приложение было развернуто в Win Phone Store и использовалось в Win Phone 8.1.
Пример скрипта:
1.index.html
<!DOCTYPE html>
<html>
<head>
<title>sample phonegap</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- online jquery support links -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<!-- script for request page -->
<script type="text/javascript" src="request.js"></script>
</head>
<body>
<div id="landmark-1" data-landmark-id="1">
<form method="post">
<label for="email"> // Email id as input
<b>Email</b>
<input type="email" id="email" name="email">
</label>
<label for="comment">// comments as input
<b>Comment</b>
<textarea id="comment" name="comment" cols="30" rows="10"></textarea>
</label>
<input type="submit" value="Save" id="save">
</form>
</div>
</body>
</html>
- Входные данные, предоставленные пользователем, отправлены на сервер через запрос AJAX на страницу PHP.
request.js
$(document).ready(function() {
$('form').submit(function(){
var landmarkID = $(this).parent().attr('data-landmark-id');
var postData = $(this).serialize();
$.ajax({
type: 'POST',
url: "save.php",
data: postData+'&lid='+landmarkID,
success: function(data)
{
alert(JSON.parse(data));
$('form')[0].reset();
},
error: function(data){
alert('There was an error adding your comment'+JSON.stringify(data));
}
});
return false;
});
});
3.На странице PHP вводимые пользователем данные сохраняются в Google Cloud SQL.
save.php
<?php
**//connection parameters**
$server = "IP";
$username = "";
$password = "";
$database = "";
$con=new mysqli($server,$username,$password,$database); **//connect to db**
$locationID = $_POST["lid"];
$email = mysqli_real_escape_string($con,$_POST["email"]);
$comment = mysqli_real_escape_string($con,$_POST["comment"]);
$sql = "INSERT INTO comments (location_id, email, comment) "; **//insert values in table**
$sql .= "VALUES ($locationID, '$email', '$comment')";
$result="";
if (!mysqli_query($con,$sql)) {
die('Error: ' . mysqli_error($con));
} else {
$result="SUCCESS";
}
echo json_encode($result); **//return result to front end**
?>
Создать запрос к таблице:
Название таблицы: комментарии
CREATE TABLE `comments` (
`id` int(11) unsigned NOT NULL AUTO_INCREMENT,
`location_id` int(11) DEFAULT NULL,
`email` varchar(45) DEFAULT NULL,
`comment` text,
PRIMARY KEY (`id`)
)
Правильный ли процесс написания кода выше для поддержки Win App, и могу ли я узнать, как выполнить шаги для загрузки в Win Store?
Будет ли это работать в Win Phone 8.1 после успешной загрузки в Win Store? Кто-нибудь даст пример скрипта для поддержки Win phone 8.1?
Решение
Я не уверен, что вы решили эту проблему или нет.
Я бы предложил придерживаться PhoneGap. Я бы поместил этот файл save.php где-нибудь на вашем сервере, а не связывал его с вашим приложением. PHP не может быть запущен в приложении телефонной пробки, поэтому вам придется держать его вне файлов приложения. Просто измените URL в части «url:» вашего оператора ajax на полный URL, где находится save.php.
Другие решения
Других решений пока нет …