1

나는 로그인을위한 API를 가지고 있지만 Ionic에 익숙하지 않으며 로그인을위한 올바른 방법을 만들 수 없습니다.

이것은 내 서비스입니다 : providers / restapi / restapi.ts

import { HttpClient } from '@angular/common/http';
import { Injectable } from '@angular/core';

/*
Generated class for the RestapiProvider provider.
*/
@Injectable()
export class RestapiProvider {

apiUrl = 'http://192.168.1.10/honeybee/register';

constructor(public http: HttpClient) {
console.log('Hello RestapiProvider Provider');
}

getUsers(endpoint: string, body: any, reqOpts?: any) {
return this.http.post(this.apiUrl+'/user_Login' + endpoint, body, reqOpts);
}

}

이것은 내 login.ts입니다.

import { Component } from '@angular/core';
import { IonicPage, NavController, NavParams } from 'ionic-angular';
import { RestapiProvider } from '../../providers/restapi/restapi';

/**
* Generated class for the LoginpagePage page.
*
* See https://ionicframework.com/docs/components/#navigation for more info. 
* Ionic pages and navigation.
*/

 @IonicPage()
 @Component({
  selector: 'page-loginpage',
  templateUrl: 'loginpage.html',
})
export class LoginpagePage {
 users: any;
 constructor(public navCtrl: NavController, public navParams: NavParams,
  public restProvider: RestapiProvider) {
  this.getloginUsers();
 }

 ionViewDidLoad() {
  console.log('ionViewDidLoad LoginpagePage');
 }

 getloginUsers() {
  this.restProvider.getUsers()
  .then(data => {
    this.users = data;
    console.log(this.users);
   });
  }

}

나는 이온에 익숙하지 않기 때문에 getUsers () 메서드에서 매개 변수를 전달할 수 없습니다. 올바른 방법을 알려주십시오.


  • 당신은 질문이 불분명하고, 문제점은 무엇이며, 이미 시도한 것은 무엇입니까? - mika
  • @ 미카. 그래, 나는 그것을 시도했지만 ionic에 익숙하지 않아서 login.ts의 getUsers () 메소드에서 전달할 매개 변수를 얻을 수 없다. 너 도와 줄 수있어? - Raghav
  • 요청에 전달해야하는 것은 요청을 보내는 엔드 포인트에 따라 다릅니다. 따라서 API 개발자에게 문의하십시오. - mika
  • @ 미카. / user_ 로그인 이것은 최종 사용자입니다. 전체 API URL을 의미합니다. - Raghav

1 답변


1

Observables에 의존하는 HttpClient와 함께 Angular 4.3+를 사용하는 공급자를 기반으로 한 것 같습니다. 자세한 내용은 여기에 통화를 올바르게 구현하는 방법을 참조하십시오.https://angular.io/guide/http

귀하의 경우에는 공급자의 getUsers () 메서드가 있습니다.

getUsers(endpoint: string, body: any, reqOpts?: any) {
    return this.http.post(this.apiUrl+'/user_Login' + endpoint, body, reqOpts);
}

Observable을 반환하고, 그것을 "행동"하게하기 위해 구독해야합니다 (당신을 위해 요청하십시오).

따라서 구성 요소 코드에서 다음과 같은 것이 있어야합니다.

getloginUsers() {
  this.restProvider.getUsers().subscribe(
      (data) => {
          this.users = data;
      },
      (error) => { 
          console.log(error);
      })
}

또한 getUsers 메소드에는 많은 인수 (끝점, 본문 등)가 필요합니다. 그 (것)들을 통과하는 것을 잊지 말라)


  • 제가 전달해야하는 논점을 잘 알고 있기 때문에 어떤 매개 변수를 전달해야하는지 말해 줄 수 있습니까? - Raghav
  • 또는 API가 세부 정보를 가져 와서 로그인 페이지의 입력란과 일치시키는 적절한 방법을 알려주시겠습니까? - Raghav
  • 로그인 페이지 코드를 공유 할 수 있습니까? 자격 증명을 어떻게 수집합니까? - Sergey Rudenko
  • 나는 새로운 방법을 만들었고 지금 나는 다른 오류를 얻고있다.stackoverflow.com/questions/53664700/… - Raghav

연결된 질문


관련된 질문

최근 질문