cordova 프로젝트 구축

Cordova 개발 환경 설치
cordova 명령행 도구 설치
설치 명령

npm install -g cordova

cordova 프로젝트의 창설, 플랫폼 추가, 패키지 등은 모두 cordova 명령행 도구가 필요합니다.

//   cordova  
cordova create   

//   android、ios   
cordova platform add android
cordova platform add ios

//        
cordova platform ls

//       android ios     
cordova requirements

android 플랫폼 구축 환경 설치
Java JDK 설치

//     
http://shopdev.test.upcdn.net/mt/jdk-8u202-windows-x64.exe

//                 
//        ,         
C:\Program Files\Java\jdk1.8.0_202\bin
C:\Program Files\Java\jdk1.8.0_202\jre\bin

//         ，          
java
javac

android 관련 설치,android 스튜디오 세트 사용

//     
http://shopdev.test.upcdn.net/mt/android-studio-ide-183.5522156-windows.exe

//       android sdk
// sdk           ，          
C:\Users\DELL\AppData\Local\Android\Sdk\tools
C:\Users\DELL\AppData\Local\Android\Sdk\platform-tools

//             ，          
adb

// android     adb，             android  ，    
adb devices -l
adb install apkPath

코드 플러그인 설치

// vs code      Cordova Tools  

위 환경 설정이 완료되면 컴퓨터를 다시 시작해서 환경 설정이 성공했는지 확인합니다
MTAPP 프레임워크 사용
루트 디렉터리의config에서 프로젝트 프로필 폴더 및 프로젝트 js 프로필 만들기

//     MTAPP/config/projectName/index.js
module.exports = {
    name: '      ',
    id: 'cn.mastercom.mtapp_sichuan_portal.mtapp', //        
    version: '1.0.3', //   ，              package.json version  
    statusbarColor: 'black',
    iconFolder: 'sichuan_portal', //    app         
    splashFolder: 'sichuan_portal', //    app       
    chcp: { //        
        autoUpdate: false, //  true        www            
        url: ''
    }
}

//   package.json MTAPP/config/projectName/index.js          

//          chcp   autoUpdate  true             
//     MTAPP/config/projectName/cordova-hcp.json
{
    "name": "qinghai",
    "ios_identifier": "",
    "android_identifier": "",
    "update": "now",
    "content_url": "http://111.44.246.156:8088/slsw_hot/hot" //             
}

//             ，    ，js  ，   cordova         
//      cordova              app  

프로젝트 초기 명령을 실행하고 프로젝트 초기화 및 프로필 만들기 시작

npm run cordova-project-init projectName

MTH5 웹 프로젝트 패키지를 복사한 결과 MTAPP/www 디렉토리에서 패키지 패키지를 시작할 수 있습니다.

// cordova            

//        ，MTAPP  ，ios xcode   
cordova build android --release

//        ，MTAPP  ，ios xcode   
//                         ，         ，    app
cordova run android

cordova 프로젝트 디버깅

//        app，           

//   1：     (  )
//        pc，    cordova      app，           ，          
chrome://inspect/#devices

//   2：Cordova Tools， MTAPP     
//        pc，  vs code    ，  Run Android on device      MTH5Web    www     cordova run android
//     app   vs code         DEBUG CONSOLE   js         

MTH5 웹 프레임워크에서 MTAPP 프레임워크 패키지를 위한 프로젝트 만들기
핵심 빌드 베이스 카탈로그는 MTH5Web/src/common/appcreator

//                  vue    AppCreator
//       ：         ，    ，  vuex， vue   deviceready       
//        ，   300ms     

//   
//              vue  

개발 프로젝트 입구, 로그인 모듈, 메인 프로그램 모듈, 루트, vuex 관련 설정 디렉터리 MTH5Web/src/mtapp/projectName

//       MTH5Web/src/mtapp/projectName/login.js

//        MTH5Web/src/mtapp/projectName/index.js

업무 코드 디렉터리 MTH5Web/src/components/business/mtapp/projectName 마지막으로 디렉터리에 있는loader를 통과합니다.js 모든 모듈 업무 코드 로그인 모듈, 메인 프로그램 모듈, 루트 사용

//          ，    loader.js    

MTH5 웹 프로젝트 패키지, 패키지 결과는 dist 디렉토리에 있음

// webpack        MTH5Web/build/config/projectName

//                       MTH5Web/build/serverurls/projectName
//     ：test.json
//     ：prod.json

//       
npm run dev projectName test

//       
npm run dev projectName prod