[ReactNative][iOS]의 실제 디버깅 및 오프라인 패키지 방식

2205 단어 ReactNative

(1) 앞말


이 글은 React Native에서 iOS 개발의 흔한 디버깅 방식과 오프라인 패키지 개발 방식에 대해 설명합니다.iOS 개발을 한 학우들은 iOS 개발 디버깅은 애플 개발자 계정을 등록해야 한다는 것을 알고 있다. XCode7 이후 iOS 개발자들은 비용을 지불하지 않고 디버깅 프로그램을 사용할 수 있다.그래서 진정한 디버깅을 하려면 두 걸음만 하면 된다.애플 개발자로 등록하기;2. XCode7 또는 이전 버전의 IDE를 다운로드합니다.

(2) 실제 기기 디버깅


개발 단계에서 우리는 로컬 서버를 시뮬레이션 서버로 사용할 수 있어 개발 과정에서 개발자가 테스트 개발을 편리하게 할 수 있다.다음 절차를 따르십시오.
  • 2.1 실제 장치와 컴퓨터 장치는 반드시 같은 와이파이 사이트에 있어야 한다. 왜냐하면 실제 장치가 로컬 컴퓨터에 설치된 아날로그 서버에 접근할 수 있기 때문이다.
  • 2.2 react Native 프로젝트의 ios 프로젝트의 AppDlegate를 엽니다.m 파일, 다음과 같이 수정:
  • jsCodeLocation = [NSURL URLWithString:@"http://172.19.8.165:8081/index.ios.bundle?platform=ios&dev=true"];

    위의 172.19.8.165를 컴퓨터의 IP 주소로 변경합니다. -2.3 USB 데이터 라인으로 컴퓨터와 실제 기기를 연결하고 XCode를 켜고 실제 기기를 선택합니다. -2.4 Run 또는command + R 실행 프로그램을 클릭합니다. -2.5 핸드폰을 흔들면 개발자 메뉴를 열 수 있고 메뉴에서 디버깅 옵션을 선택할 수 있다.

    (3) 오프라인 패키지 방식 개발


    위에서 말한 그런 방식은 서버를 사용하여 js 파일을 불러오는 것입니다. 이곳의 서버는 로컬 시뮬레이션 서버이지만 온라인 불러오는 방식으로 개발된 셈입니다.현재 로컬 오프라인 방식 개발 모델로 JS 파일을 불러오는 것을 소개합니다. 오프라인 방식은 JS 파일을 iOS 프로젝트 파일에 넣는 것입니다. 포장할 때 설치 패키지에 포장됩니다.이렇게 하면 온라인 서버가 필요 없다.구체적인 단계는 다음과 같다.
  • 3.1 React Native 프로젝트의 ios 폴더 아래에 있는 AppDelegate를 엽니다.m 파일;
  • 3.2 jsCodeLocation 코드를 다음과 같이 수정합니다.
  • jsCodeLocation = [[NSBundle mainBundle]URLForResource:@"main" withExtension:@"jsbundle"];

    main을 바꿀 수 있습니다.jsbundle 파일은 당신의 파일입니다.
  • 3.3 scheme 옵션을 수정하고 개발 버전을 설정합니까 아니면 발표 버전을 설정합니까?구체적으로는 XCode 상단 메뉴의 Product > Scheme > Edit Scheme...Build Configuration에서 Debug 또는 Release 버전을 선택할 수 있습니다.

  • (4) 개발자 메뉴 비활성화


    발표 버전의 응용 프로그램을 컴파일할 때, 응용 프로그램의 scheme를release 버전으로 설정하여 응용 프로그램의 디버깅 메뉴를 닫아야 합니다.

    (5) 문제 조사


    curl 명령 실행 오류가 발생하면 서비스가 정상적으로 실행되는지 확인한 다음 끝에 - ipv4 로고를 추가해 보십시오.
    [주의] react native 0.14 버전부터 Xcode build가 Bundle React Native code and Images를 사용하도록 설정되면 자바스크립트와 이미지 자원이 자동으로 응용 프로그램에 포장됩니다.

    좋은 웹페이지 즐겨찾기