그래서 지금에 대한 이러한 요구가있는 경우, 우리 모두가 알다시피, 프런트 엔드 개발 웹 애플리케이션의 완성은 지원하지 않는 다른 환경 브라우저에 추가되는 운영 환경에 특정 제한이 브라우저에서 실행할 수 있습니까? 실행 코드의 3 단자 세트를 필요? 3 단자 작업 (검은 얼굴?) 네, 실행, 즉 웹, 안드로이드와 IOS 끝 끝의 3 단자 끝, 말을 돌진하지 않고 불가능 달성 할 수없는, HBulder을 활용하려고합니다;
HBuilder는 DCloud (디지털 파라다이스) 지원 HTML5 웹 개발 IDE를 시작합니다. 사용 자바, C, 웹 및 루비의 HBuilder를 작성합니다. HBuilder 본체 자체는 자바로 작성된 것입니다. 그것은 이클립스를 기반으로, 그래서 이클립스 플러그인과 호환 될 수 있도록한다. 사실, 더 풍부한 문법 라이브러리와 단지 HBuilder 편집기, 뷰의 더 친절 가볍고 강력한 도구에 대한 지원;
공식 웹 사이트 주소 : HTTPS : //www.dcloud.io/
처음에 우리는 몇 가지 준비 작업을 수행합니다
HBuilder 전체 다운로드 및 설치
웹 애플리케이션 사용 웹팩 전체 패키지의 전체 개발을
쉽게 360 모바일 어시스턴트를 다운로드 후 결과를 볼 수있는 휴대 전화에서 실행하는 전체 패키지를 설치합니다
1. 먼저 우리는 비정상적인 사용 웹팩 패키지에는 확인이의 웹팩 패키지 DIST / 디렉토리를 생성합니다 (index.html을 정적 / 디렉토리를 포함, 웹팩에 따라 이름)이없는, 우리의 웹 애플리케이션 및 실행을 얻을
2. HBuilder, 다음 파일을 클릭 - 새 - 모바일 앱, 모바일 앱 빈 템플릿을 만들;
모바일 앱 빈 템플릿을 만든 후에 3. 우리는 (당신이 등을 CSS, JS, IMG 폴더를 삭제할 수 있습니다)이 폴더 경로에 우리의 변화를 볼 수 있습니다
(포장 후) index.html을 내용을 생성 4. NPM 실행 빌드가 모두 안으로 들어가 Hbuilder 된 index.html에 복사 항목 HBuilder 디렉토리의 생성 된 사본 정적 / 디렉토리는 현재 디렉토리 구조는 우리입니다 의 :
정적 기준 내부 5. index.html을는 뒤에 = '/'를 제거 할
이상이있는 경우, 우리가 내려 가서 이상이되지 않을 경우 6,보고, 실행하는 브라우저를 클릭, 시간에 대한 HBuilder 지원 클라우드 포장 및 오프라인 포장, 종이 포장은 클라우드에 대한 유일한 것
7. 프로젝트 폴더를 마우스 오른쪽 - 릴리스 - 클라우드 포장 클릭 - 기본 설치 패키지를 재생, 포장에 필요한 (안드로이드와 IOS) 버전에 따라
8. 프롬프트없이, 단지 당신이 포장을 계속 할 수있는 권한이 클릭
클라우드로 제출 후 직접적 생산 설치 패키지로, 결정 포인트 (9), 두 개 또는 세 분 이상을 기다려야가해야 할 수도 있습니다, 환자 전체 패키지주십시오
10. 수동 다운로드 당신은 우리의 팩 좋은 APK를 다운로드 할 수 있습니다
로컬 응용 프로그램 설치 - - 내 전화 관리를 선택 APK를 설치하려면 다음 : 11. 여기에서 우리는 '의 360 전화 보조 설치를 얻을 수 있도록, 또한 360 모바일 어시스턴트를 설치하는 데 사용할 수 있습니다 APK 응용 프로그램을 설치하기 위해 전화 에뮬레이터를 사용할 수 있습니다 설치할 수 있습니다, 사실, 360 조수는 수단입니다, 초점은 APK는 물론, 전화가 마이크로 편지 도우미를 설치하여 APK를 보낼 수있다;
기능이 정상, 레이아웃의 한 부분이 약간 웹 애플리케이션 신입생과 비교 된 것이며, 우리는 속도가 상대적으로 부드러운 실행, 포장 완료 후 (12)이, 메모리 크기를 차지하면 30 + M에만 완료 패킹 후, 또한 좋은 응용 프로그램입니다 작은, 거의 무시할 수 (그림이 스크린 샷의 효과 때문에 포장이 완료 정상 후 약간의 압박이 결과를 볼 수 있도록)
기본 응용 프로그램 및 웹 애플리케이션 차이 HBuilder은 포장 :
1, 네이티브 응용 프로그램 개발의 높은 비용, 경험은 상대적으로 거의으로 웹 애플리케이션 경험 상대, 말하기,하지만 저렴한 비용으로 좋은;
2, HBuilder 포장 된 웹 애플리케이션 물리적 프로그램, 그리고 네이티브 응용 프로그램을 종료합니다 뒤로 버튼을 클릭;
3 라인에 앱 스토어에서 일반적으로 어려운 HBuilder 패키지 웹 애플리케이션, 애플 스토어는 지금 매우 엄격한 감사 때문에;