2017-03-12 16 views
0

これまでのログインとユーザー名で、非常に簡単なイオンアプリケーションを作成しました。私は現在、Microsoft Azureモバイルサービスを使用してアプリケーションをホストしています。しかし、私はPHPファイルとサーバーで動作する方法がわかりません。私はサーバーを使って作業を始めた初心者です。事前に感謝します。azureモバイルサービスとionicアプリケーションの接続方法

PHPコード:

<?php 
try { 
    $conn = new PDO("microsoft azure connection string", "username", "password"); 
    $conn->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION); 
} 
catch (PDOException $e) { 
    print("Error connecting to SQL Server."); 
    die(print_r($e)); 
} 

?> 

ログインコントローラ:

.controller('loginCtrl', ['$scope', '$stateParams', // The following is the constructor function for this page's controller. See https://docs.angularjs.org/guide/controller 
    // You can include any angular dependencies as parameters for this function 
    // TIP: Access Route Parameters for your page via $stateParams.parameterName 
    function ($scope, $stateParams) { 

    $scope.User = {}; 
    $scope.login = function() { 
    str="Dont know what to put here"; 
       $http.get(str) 
       .success(function (response){ 
      }).error(function() {       //if login failed 
         var alertPopup = $ionicPopup.alert({ 
          title: 'Login failed!', 
          template: 'Please check your credentials!' 
         }); 
       }); 
      }; 

    }]) 

ログインHTML

<ion-view title="Login" id="page6"> 
    <ion-content padding="true" class="has-header"> 
    <form id="login-form4" class="list"> 
     <ion-list id="login-list2"> 
     <label class="item item-input" id="login-input10"> 
      <span class="input-label">Username/Email</span> 
      <input type="text" ng-model="User.email" placeholder=""> 
     </label> 
     <label class="item item-input" id="login-input11"> 
      <span class="input-label">Password</span> 
      <input type="password" ng-model="User.password" placeholder=""> 
     </label> 
     </ion-list> 
     <div class="spacer" style="height: 40px;"></div> 
     <a id="login-button2" ng-click="login()" class="button button-positive button-block">Log in</a> 
     <a ui-sref="signup" id="login-button3" class="button button-positive button-block button-clear">Or create an account</a> 
    </form> 
    </ion-content> 
</ion-view> 

答えて

1

は現在、AzureのアプリケーションサービスモバイルアプリSDKは、ASP.NETおよびノー​​ドのために提供されます.js Webアプリケーション。したがって、バックエンドをNode.jsまたは.NETバックエンドに切り替えることができます。

次に、あなたのモバイルバックエンドでEasy API/Custom APIを作成することができ、あなたはJavascript Clients for Azure Mobile AppsinvokeApi()であなたのAPIを接続することができます。

詳細については、this blog postを参照してください。

関連する問題