Может ли кто-нибудь привести пример использования php на бэкэнд с помощью Angular JS на интерфейсе в Ionic Framework?
Конечно !
Я и мой партнер только что закончили работу над приложением IONIC, интегрированным с PHP в качестве его бэкэнд.
Так же, как регулярный Frontend-backend, запросы и ответы находятся в форме JSON.
Чтобы начать работу быстро, вот пример кода, который мы создали для себя:
send.php
<?php // Prevent caching. //header('Cache-Control: no-cache, must-revalidate'); // The JSON standard MIME header. //header('Content-type: application/json'); $data = array( "username" => "one", "email" => "ifyoucanreadthis@yes.com", "age" => 22 ); // Send the data. echo json_encode($data); ?> recieve.php
<?php /* * Collect all Details from Angular HTTP Request. */ $postdata = file_get_contents("php://input"); $request = json_decode($postdata); $usr = $request->email; $pass = $request->pass; echo "<h1> Username is : " . $usr . "<br /> and password is : ". $pass."</h1>"; //this will go back under "data" of angular call. /* * You can use $email and $pass for further work. Such as Database calls. */ ?>
Надеюсь, это поможет вам!
ИЗМЕНИТЬ 1:
Преимущества использования PDO превышены. Подробнее об этом читайте здесь: http://code.tutsplus.com/tutorials/pdo-vs-mysqli-which-should-you-use–net-24059
Я предполагаю, что вы знаете о базовом коде для подключения к базе данных ( http://www.w3schools.com/php/php_mysql_intro.asp ).
<?php $servername = "localhost"; $username = "username"; $password = "password"; // Create connection $conn = new mysqli($servername, $username, $password); // Check connection if ($conn->connect_error) { die("Connection failed: " . $conn->connect_error); } echo "Connected successfully"; ?>
Что касается углового кодирования, вы можете найти следующие полезные ссылки (извините, у меня нет углового кода на этой машине):
http://codeforgeek.com/2014/07/angular-post-request-php/
http://www.cleverweb.nl/javascript/a-simple-search-with-angularjs-and-php/
http://serebrov.github.io/html/2013-05-24-angular-post-to-php.html